2022-05-20 工作记录--React-className的三元表达式写法

React-className的三元表达式写法

1、举例

实现多个className中，里面有一个固定className：medal_name和一个动态className：noMedal_name（用三元表达式判断是否显示该类名）。

2、代码

<div className={
    
    'medal_name' + ' ' + (!item.getMedal?'noMedal_name': '')}>勋章名称</div>

3、代码解析

!item.getMedal?'noMedal_name': ''的意思是：如果不存在item.getMedal，就显示类名noMedal_name；否则，不显示。

4、代码注意点

❀注意点1、

❀注意点2：

三元表达式要记得加个小括号哟