在某些情况下需要通过点击事件在两个不同类名的css之间相互转化,而这个时候三目运算符则可以很好的解决该问题。需要注意的是三目运算符返回的是结果,需要变量来接收。
const [a,seta] = useState('true')
<div className='true' id={item} onClick={() =>{
var style = document.getElementById(item)
seta(!a)
style.className = a ? 'true' : 'false'
}}></div>