javascript - 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，再寫動畫