如何在JSX中 Select 性地包含元素?下面是一个使用横幅的示例,如果传入了横幅,则该横幅应该位于组件中.我想避免的是必须在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>
    );
}

推荐答案

只需留下未定义的横幅,它不会被包括在内.

Javascript相关问答推荐

在具有焦点和上下文的d3多线图表中,如何将上下文的刷新限制在特定日期?

foreach循环中的Typescript字符串索引

如何将拖放功能添加到我已自定义为图像的文件输入HTML标签中?

仅圆角的甜甜圈图表

警告!合同执行期间遇到错误[执行已恢复](Base Layer 2)

我开始使用/url?q=使用Cheerio

屏幕右侧屏障上的产卵点""

我在我的Java代码中遇到了问题,代码的一部分看不到先前定义的对象

如果Arrow函数返回函数,而不是为useEffect返回NULL,则会出现错误

如何将多维数组插入到另一个多维数组中?

连接到游戏的玩家不会在浏览器在线游戏中呈现

400 bad request error posting through node-fetch

在JS中动态创建对象,并将其追加到HTML表中

Next.js无法从外部本地主机获取图像

Socket.IO在刷新页面时执行函数两次

使用可配置项目创建网格

如何将字符串拆分成单词并跟踪每个单词的索引(在原始字符串中)?

是否有静态版本的`instanceof`?

使用Java脚本筛选数组中最接近值最小的所有项

如何在Java脚本中添加一个可以在另一个面板中垂直调整大小的面板?