React:inline if condition然后显示这个div

Question

我可以使用基于const的反应组件.

const MyComp = (prop) => ... etc

在其中我有一些JSX:

<div id="myDiv">
        Stuff Here
</div>

我有一个目前真正称为myprop的道具.

所以我想添加一个条件myDiv ...例如:

<div id="myDiv" {if myprop === true}>
        Stuff Here
</div>

因此只有在道具是真的时才会显示div.

我如何在React中执行此操作？

Answer 1

如果我正确理解您的问题,那么这应该可以通过以下JSX语法实现:

{ (myprop === true) && <div id="myDiv">
        Stuff Here
   </div>
}

总结一下发生了什么,这实际上是一个表达式,"如果myprop === true"那么"渲染div"