reactjs - 为空时隐藏 Html 标签

Question

当值不为空时，我想将 html 标签包装在反应状态值周围，即。

{this.state.keyword!=null?' '+'<span>'+this.state.keyword+'</span>'+' ':''} 

但是现在，页面呈现甚至 this.state.keyword 为空白。怎么做？谢谢。

标签： reactjs

Answer 1

使用!this.state.keyword代替this.state.keyword!=null

!this.state.keyword将检查所有虚假值，例如null，0，空字符串（虽然不是未定义）

{!this.state.keyword ? '' : '<span>'+this.state.keyword+'</span>'+' '}