Question

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.js"></script>

这是有效的，但我不喜欢render() { return ( <div> {this.test === this.someValue ? <div> some view </div> : <div> /div>} ...... // other components </div> ) }，因为我不需要它。有没有办法只使用: <div> /div>代替if？

Answer 1

您还可以仅使用第一个条件，并立即返回所需的组件，因为JavaScript已经short-circuit评估。

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

Answer 2

而不是因为你必须有第二个条件而返回empty div而不是像

那样返回null

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

使用reactjs进行条件渲染

2 个答案: