React-css-modules在运行时组成类名,以限制使用独立组件时的名称冲突。棒极了。但是,一旦加载了DOM并且你需要为动画定位一个类,例如,css-modules出现的类名就会被随机化。
如何解决这个问题?
答案 0 :(得分:2)
查询选择器不一定是必需的,只需将ref附加到您想要的元素,并且您可以在react组件的任何函数内访问它。 https://facebook.github.io/react/docs/more-about-refs.html
答案 1 :(得分:1)
根据react-css-modules official doc,您可以像bellow
那样定位类render() {
const animated = this.props.styles['animated']
return <div className={animated}>something</div>
}
答案 2 :(得分:1)
所以我最终使用了classNames npm module 在需要多个类时向类添加和删除类。像这样工作:
let myClasses = classNames({
'button': true,
'special': this.state.special
})
<button className={myClasses} />