3 つの状態を持つシンプルなアプリを作成し、ReactCSSTransitiouGroup で React のルーターを使用しています。ReactCSSTransitionGroup のデフォルトの動作は単純です。
- クリックしてリンクを追加/追加した後、新しい子を追加します
- 新しい子は「app-enter」および「app-enter-active」クラスを取得します
- 古い子は「app-leave」および「app-leave-active」クラスを取得します
- タイムアウト後、古い子を削除します
私がやろうとしているのは、この動作を変更して、次のように動作できるようにすることです。
- クリックしてリンクした後も、同じ状態のままです。古い子クラス「app-leave」および「app-leave-active」クラスに追加するだけです。
- 脱退タイムアウトの後、古い子を削除し、新しい子に「app-enter」および「app-enter-active」クラスを追加します。
- タイムアウトに入った後、そのクラスを削除します
これを取得する簡単な方法はありますか？ありがとう！