shouldComponentUpdateの方が良い

Question

私はプロジェクトでアニメーションの反応モーションを使用しています。私は状態を維持することによって小道具が変わるたびにアニメーションをレンダリングするという問題を解決しました。

const {animation} = this.state; 
     if (animation) { 
      return (
       // updates state upon animatioon to false 
       <Animator rest={this.rest}> 
        {this.getContent()} 
       </Animator> 
      ); 
     } 
     return this.getContent(); 

私は、アニメーションの完了時に私の状態を変更するコールバックを持っています。これはアニメーション中に変化する小道具を除くすべての問題を解決します。

私のアニメーションは2秒間起こり、その後にコールバックがトリガーされますが、アニメーションが1秒のように真ん中にあり、私の小道具が変わると、私のアニメーションは最初から再び始まります。

shouldComponentUpdateを使用しないと、ビューの更新が中止されます。

このような状況は通常どのように処理されますか。 shouldComponentUpdateを使用してもよろしいですか？もっと良い選択肢がありますか？

ありがとうございます。

Answer 1

アニメーションコンポーネントが（名前Aを使用して）このコンポーネントにレンダリングされると、Aが再レンダリングされるたびに開始されます。ですから、アニメーションコンポーネントをAのの兄弟である別のコンポーネント（B）にレンダリングして、Aの上に透明な背景を置くか、アニメーションコンポーネントを兄弟として使用することができると思います。 AとBは、親または控除を介して通信できます。