react如何不通过state去修改classname？

Question

如题，react中怎么样可以不用下面这种方式去改变class，直接用原生js去改变class？

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

Answer 1

<div ref={(div)=>{this.getDom = div}}></div>
...
// 可以在一个事件中通过this.getDom获取当前元素，再通过className设置
this.getDom.className = class1

Answer 2

原生 JS 操作 DOM 的行为是不推荐的，如果非常需要这个能力，可以通过 ReactDOM 的 findDOMNode 方法去获取到 DOM 节点的引用。例如这里：
https://facebook.github.io/re...

但这确实是一个【打开了安全仓口】的潜在风险行为，通过原生 JS 直接修改 DOM 的操作是冗余、不安全和不符合 React 思想的，建议以 JSX 的方式考虑所要解决的问题。

Answer 3

肯定是有其他方法可以做到的，可以考虑classnames的包，楼上用的ref也是一个常用的方法