javascript - react如何不透過state去修改classname？

Question

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

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

Answer 1

雷雷

Answer 2

原生 JS 操作 DOM 的行為是不建議的，如果非常需要這個能力，可以透過 ReactDOM 的 findDOMNode 方法去取得 DOM 節點的參考。例如這裡：
https://facebook.github.io/re...

但這確實是一個【打開了安全倉口】的潛在風險行為，透過原生 JS 直接修改 DOM 的操作是冗餘、不安全和不符合 React 思想的，建議以 JSX 的方式考慮所要解決的問題。

Answer 3

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