简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - react 中的動畫效果怎麼寫？
世界只因有你
世界只因有你 2017-05-18 10:58:34
0
2
652

react中的元件怎麼寫出動畫效果？例如一個簡單的對話框，我希望達到點擊取消後，對話框先變淡，然後消失。
如果用jquery，那麼很簡單，先animate({ //變淡的CSS }，function(){ //刪除DOM})。

但是react，不知道怎麼做了。難道是，全程組件ｄｏｍ都存在，只用一個CSS 動畫切換顯示隱藏？

請麻油們指教

世界只因有你
世界只因有你

全部回覆 (2)
Ty80
Ty802017-05-18 11:00:34 2樓

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

  • React animation

點贊+0
新增回覆
    曾经蜡笔没有小新
    曾经蜡笔没有小新2017-05-18 11:00:34 1樓

    你可以在react元件裡面的componentDidMount引用jq，再寫動畫

    點贊+0
    新增回覆
      熱門專題
      更多>
      熱門文章
      熱門教學
      更多>
      相關教學
      熱門推薦
      最新課程
      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！