Javascript 在React.js中更改状态时设置组件动画
当状态中存储的数据值发生变化时,我尝试在HTML元素上制作一个小动画。如何才能做到这一点Javascript 在React.js中更改状态时设置组件动画,javascript,reactjs,Javascript,Reactjs,当状态中存储的数据值发生变化时,我尝试在HTML元素上制作一个小动画。如何才能做到这一点 如何向componentWillUpdate中的组件添加CSS类,并在componentdiddupdate中删除它?我没有看到任何对HTML元素的引用。如果需要向组件添加类:React.findDOMNode(this.classList.add(“classname”) 删除: React.findDOMNode(this.classList.remove)(“classname”) 如果您试图在com
如何向
componentWillUpdate
中的组件添加CSS类,并在componentdiddupdate
中删除它?我没有看到任何对HTML元素的引用。如果需要向组件添加类:React.findDOMNode(this.classList.add(“classname”)代码>
删除:
React.findDOMNode(this.classList.remove)(“classname”)代码>
如果您试图在componentWillUpdate
中添加一个类,并在componentdiddupdate
中删除它,则需要使用setTimeout之类的方法来注意更改。例如:
componentWillUpdate: function() {
React.findDOMNode(this).classList.add("class1", "class2");
},
componentDidUpdate: function() {
var el = React.findDOMNode(this);
setTimeout(function(){
el.classList.remove("class1");
}, 1000);
}
我建议你阅读,或者你也可以简单地搜索:我试过了,但我用错了关键词。我只得到了几个结果。请记住,React.findDOMNode已被弃用。请改用require('React-dom')中的ReactDOM.findDOMNode。您可能需要清除组件将卸载中的超时。