問題タブ [react-transition-group]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
292 問題
0
投票する
1
に答える
874
参照
reactjs - React 遷移グループとアニメーション
問題は、フォームに 3 つの状態 (デフォルト、エラー、成功) があることです。状態に応じて、特定のコンポーネントが dom にレンダリングされます。このコンポーネントが出入りするときに、フェードイン アウト アニメーションを追加する必要があります。
カスタム CSS、GSAP を試しましたが (ただし、プロジェクトにこれ以上パッケージをインストールしたくありません)、現在は react-transition-group を試しています。
簡単にするために、次のように「エラー」コンポーネントを作成しました。
そして、インデックスページには次のものがあります：
何らかの理由で、this.state.formErrorがの場合true、コンポーネントがレンダリングされ、フェード インが実行されますが、状態が に変化するfalseと、フェード アウトが機能しません。