如何使用 Facebook React 的 JSX 来拥有条件元素并保持 DRY?

2023-11-23

我如何有选择地在 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>
    );
}

只需将横幅保留为未定义,它就不会被包含在内。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Facebook React 的 JSX 来拥有条件元素并保持 DRY? 的相关文章