How to write animation effects for components in react? For example, for a simple dialog box, I hope that after clicking Cancel, the dialog box will first fade and then disappear.
If you use jquery, it is very simple, first animate({ //Fade CSS}, function(){ //Delete DOM}).
But react, I don’t know how to do it. Could it be that the entire component dom exists, and only a CSS animation is used to switch the display and hide?
Please give me some advice
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
In most cases, DOM operations are not required, use
React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroupcomponents:React animation
You can reference jq in componentDidMount in the react component and then write the animation