反应式条件造型

Question

在反应中，我可以这样做吗？

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

我如何根据一个条件的反应风格？

提前谢谢你！

Answer 1

你可以，它接近你已经拥有的；

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

style属性需要一个对象，因此需要双{}，您只是有条件地分配backgroundColor的值，所以条件是对象中键backgroundColor的值。

希望这能有所帮助！

Answer 2

你可以这样做：

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

Answer 3

你可以这样做：

<div style={ post.type === "team_member" ? {backgroundColor : "green" }: '' }}></div>