我希望有条件地渲染组件中的一些HTML元素。
我有一个布尔类型的状态变量,它可以是true(想要渲染文本)或false(不想渲染任何内容)。
在render函数的返回参数中,我尝试了以下方法:
{this.state.boolean ? <div><h1>True</h1></div> : <div></div>}
{this.state.boolean && <div><h1>True</h1></div> || <div></div>}
但是在这两种情况下,无论Boolean的状态如何,h1元素都会被渲染!
有什么想法吗?提前感谢。