使用reactjs进行条件渲染

Question

我想根据条件为我的渲染对象添加一个div.现在我正在使用此代码

render() {
    return (
        <div>
            {this.test === this.someValue ? <div> some view </div> : <div> /div>}
            ...... // other components
        </div>
    )
}

这是有效的,但我不喜欢,: <div> /div>因为我不需要它.有没有办法只使用一个if而不是if else？

Answer 1

由于JavaScript具有短路评估功能,因此您也可以仅使用第一个条件并立即返回所需的组件.

render() {
  return (
    <div>
     {this.test === this.someValue && <div> some view </div>}
     ......
    </div> 
  )
}