小编典典

如何具有条件元素并保持Facebook React的JSX的DRY?

reactjs

如何在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>
    );
}

阅读 314

收藏
2020-07-22

共1个答案

小编典典

只需将横幅标为未定义即可,它就不会包含在内。

2020-07-22