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:
三元表达式要记得加个小括号哟