0

React の TransitionGroup に奇妙な問題があります。初めてどういうわけか、状態値に基づいてスタックして更新されないグループとコンポーネントを作成することができました。

常に TransitionGroup を持つ 1 つのコンポーネント (A) を用意します。状態が変化すると、それ自体が再レンダリングされます。TransitionGroup では、他のコンポーネント (B) を追加/削除します (はい、一意のキーがあります)。コンポーネントBには、休暇中にアニメーションを実行したくないため、コールバックを呼び出すだけの関数componentWillLeaveがあります。そして、これらのいまいましい B コンポーネントは、私のコンポーネント A にとどまります! しかし、componentWillLeave 関数で setTimeout() を 10ms 実行すると、適切に切り離されます。なぜこれが起こったのか、同じ問題があったのか、誰にも分かりますか?

ありがとう、

T

4

1 に答える 1

1

これは、TransitionGroup と CSSTransitionGroup に関するよく知られた問題です。詳細については、https://github.com/facebook/react/issues/1326#issuecomment-135577995を参照してください。0.14 リリースで修正される予定です。

于 2015-08-28T07:10:01.457 に答える