如何在JSX中选择性地包含元素?这是一个使用横幅的示例,如果传递了横幅,该横幅应位于组件中。我要避免的是必须在if语句中复制HTML标签。
render: function () { var banner; if (this.state.banner) { banner = <div id="banner">{this.state.banner}</div>; } else { banner = ????? } return ( <div id="page"> {banner} <div id="other-content"> blah blah blah... </div> </div> ); }
只需将横幅标为未定义即可,它就不会包含在内。