React中的条件样式

Question

在React中我可以做这样的事情：

style={ $post.type === "team_member" ? backgroundColor : "green"}

如何根据React中的条件设置样式？

提前谢谢！

Answer 1

您可以，并且它已经接近您所拥有的；

style={{backgroundColor: $post.type === "team_member" ? 'green': 'not_a_team_member'}}

style属性需要一个对象，因此，双{}仅是有条件地分配backgroundColor的值，因此条件是键{{1 }}。

希望这会有所帮助！

Answer 2

您可以执行以下操作：

<div style={{ visibility: this.state.post.type=== 'team_member'? 'green': ''}}></div>