如何在 ReactJS 中使用三元运算符

Question

如果其他反应正确怎么办？ 它设法渲染了 P 标签而不是 H 标签。 我正在检查 item.description 是否为空字符串，然后返回 H 标记。 谢谢

{this.state.onecoursedetail.map(item => (
                        <Fragment key={item.ID}>
                                <h3>{item.Title}</h3>

                               { item.Description === "" ?  <h1 style={{textAlign:'center'}}> Coming Soon..... </h1> : <p style={{fontSize:'1.2em', textAlign:'left'}}>{ReactHtmlParser(item.Description)}</p> 

返回描述项的 SQL 语句：

合并（[描述]，''）作为[描述]

Answer 1

看起来你做对了。

我想你在那里丢了一个支架。 尝试这个：

{this.state.onecoursedetail.map(item => (
                        <Fragment key={item.ID}>
                                <h3>{item.Title}</h3>

                               { item.Description === "" ?  <h1 style={{textAlign:'center'}}> Coming Soon..... </h1> : <p style={{fontSize:'1.2em', textAlign:'left'}}>{ReactHtmlParser(item.Description)}</p> }