使用条件渲染多个组件

Question

我的渲染函数中有一个if-else-block。我总是得到我的myattribute是一个未解决的变量的错误。

render: function() {
    return ({
        this.state.something.length ? (
             <h3>Selected products</h3>
             <Element myattribute={this.state.something}/>
        ) : ''
    })
}

Answer 1

原因是，如果条件为真，则返回多个元素，请尝试：

render() {
 return (
    <div>
      {
        this.state.something.length ? 
          <div>
             <h3>Selected products</h3>
             <Element myattribute={this.state.something}/>
          </div>
       : ''
      }
    </div>
  )
}