美文网首页
react项目中运用三元运算符

react项目中运用三元运算符

作者: 废柴码农 | 来源:发表于2019-01-06 17:18 被阅读82次
<div className={cardInfo.line1==="未打卡"?"punchtime_yellow":"punchtime"}>
内容
</div>  
<div className="Wifi">
{cardInfo.button===6?'未连接公司WI-FI,无法打卡':'已进入WI-FI考勤范围'}
</div>

上面的第一行代码是将三元运算符运用在className样式中
下面的第二行代码是将三元运算符运用在内容显示中

相关文章

网友评论

      本文标题:react项目中运用三元运算符

      本文链接:https://www.haomeiwen.com/subject/uwwsrqtx.html