react项目中运用三元运算符

<div className={cardInfo.line1==="未打卡"?"punchtime_yellow":"punchtime"}>
内容
</div>  
<div className="Wifi">
{cardInfo.button===6?'未连接公司WI-FI,无法打卡':'已进入WI-FI考勤范围'}
</div>

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