反应条件渲染的最佳实践？

Question

我有一个在切换按钮时应显示的 div/部分

{
  this.state.viewButtonClicked ?  <Solution solution= {this.state.activeSolution}/> : <React.Fragment/>
} 

使用三元运算符适合于此吗？

在这种情况下，如果按钮为 false，则不显示某些内容的最佳做法是什么？

React.Fragment 可以吗？

基本上，如果 viewButtonClicked 为 false，我想返回/渲染 null。

Answer 1

是的，应该没问题。另外你可以这样做

  {
       this.state.viewButtonClicked && <Solution solution={this.state.activeSolution}/>
  }