使用reactjs的条件渲染

我想根据条件向渲染对象添加div。现在我正在使用这个代码

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

render（）{
返回(
{this.test===this.someValue？一些视图：/div>}
……其他组成部分
)
}

---

这是工作，但我不喜欢

：/div>

，因为我不需要它。有没有办法只使用

if

而不是

if-else

？

您也可以只使用第一个条件，并立即返回所需的组件，因为JavaScript已经计算过了

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

render（）{
返回(
{this.test==this.someValue&&someview}
......
)
}

不要仅仅因为必须有第二个条件而返回

空div

，您可以像这样返回

null

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

render（）{
返回(
{this.test==this.someValue？某些视图：null}
……其他组成部分
)
}

您可以返回一个

null

而不是一个空的

div

，我建议您转到

重新组合的分支

。看看这里：这里有一个链接，指向react文档，概述了所有条件渲染方案。