react 中的动画效果怎么写？

Question

react中的组件怎么写出动画效果？比如一个简单的对话框，我希望达到点击取消后，对话框先变淡，然后消失。
如果用jquery，那么很简单，先animate({ //变淡的CSS }，function(){ //删除DOM})。

但是react，不知道怎么做了。难道是，全程组件ｄｏｍ都存在，只用一个CSS 动画切换显示隐藏？

请麻油们指教

Answer 1

大部分情况下不需要 DOM 操作，使用React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroup组件：

• React animation

Answer 2

你可以在react组件里面的componentDidMount引用jq，再写动画