react 的className動態修改


https://blog.csdn.net/suwyer/article/details/81481507(copy)

<div style={{display: (index===this.state.currentIndex) ? "block" : "none"}}>此標簽是否隱藏</div>
<div style={{display: (index===this.state.currentIndex) ? "block" : "none", color:"red"}}>此標簽是否隱藏</div>
<div className={index===this.state.currentIndex?"active":null}>此標簽是否選中</div>
<div className={`container tab ${index===this.state.currentIndex?"active":null}`}>此標簽是否選中</div>

最好一種推薦使用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM