問題描述

如題，react中怎么樣可以不用下面這種方式去改變class，直接用原生js去改變class？

<p className={ this.state.*** ? class1 : class2 }></p>

問題解答

<p ref={(p)=>{this.getDom = p}}></p>...// 可以在一個(gè)事件中通過this.getDom獲取當(dāng)前元素，再通過className設(shè)置this.getDom.className = class1回答2：

原生 JS 操作 DOM 的行為是不推薦的，如果非常需要這個(gè)能力，可以通過 ReactDOM 的 findDOMNode 方法去獲取到 DOM 節(jié)點(diǎn)的引用。例如這里：https://facebook.github.io/re...

但這確實(shí)是一個(gè)【打開了安全倉(cāng)口】的潛在風(fēng)險(xiǎn)行為，通過原生 JS 直接修改 DOM 的操作是冗余、不安全和不符合 React 思想的，建議以 JSX 的方式考慮所要解決的問題。

肯定是有其他方法可以做到的，可以考慮classnames的包，樓上用的ref也是一個(gè)常用的方法