6

ReactCssTransitionsGroup 内でレンダリングされるすべての子にずらし効果を追加したいのですが、その方法がわかりません。この質問を見ましたが、react transitions グループを使用して試してみたいと思います。それが不可能な場合は、上記のリンクされた質問と同様のことを行います。

私の遷移コンポーネントは非常に単純です:

Transitions({component: 'div', transitionName: 'stagger'},
    [1, 2, 3, 4, 5].map(i =>
            div({className: 'pure-u-md-1-3 pure-u-lg-1-4 medium-box demo', key: i})
    )
)
4

2 に答える 2

6

8 months laterReactCSSTransitionsGroup を使用せずに、これを行う最善の方法を見つけました。TransitionsGroup コンポーネントは適切に維持されておらず、その結果、いくつかの破壊的な UI バグが発生する傾向があります。

  • Components not leaving DOM when switching tabs
  • Components not leaving DOM when there are a lot of entering/leaving components

ほんの少し例を挙げれば...

react-motion を入力してください- 開発者に多くの制御を与える高性能のアニメーション ライブラリです。驚異のアニメーションを無料で収録！しばらく使用した後、ReactTransitionGroup の完全な代替品として強くお勧めします。

于 2016-04-10T21:29:10.657 に答える