javascript - this.state.display &&

Question

这个问题已经有答案了:

Javascript AND operator within assignment (7 个回答)

已关闭 4 年前。

假设我只想在 this.state.display 为 true 时显示 h1 元素。

{this.state.display && <h1>Displayed!</h1> }

有效，但是

{<h1>Displayed!</h1> && this.state.display}

没有。我在这里测试一下: https://learn.freecodecamp.org/front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering

有谁知道原因吗？谢谢

Answer 1

&&意思是“如果左侧为真，则返回右侧。否则(如果左侧为假)，则返回左侧。”自 <h1>Displayed!</h1>是真的，无条件评估为 this.state.display ，这不是您想要渲染的内容。