Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React.js中更改状态时设置组件动画_Javascript_Reactjs - Fatal编程技术网

Javascript 在React.js中更改状态时设置组件动画

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

当状态中存储的数据值发生变化时,我尝试在HTML元素上制作一个小动画。如何才能做到这一点


如何向
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。您可能需要清除
组件将卸载中的超时。