* *機能コンポーネントを更新するためにそのデータが変更されていないないようにしたときにどのように

Question

だから私は、ルート・コンポーネントは、クラスベースであり、次のような状態を保持して反応させるアプリを持っている：dataAが渡さ

this.state = { 
    dataA: { //stuff here}, 
    dataB: { //stuff here} 
} 

を子機能コンポーネントAに転送され、dataBが子機能コンポーネントBに渡されます。

ただし、いつでもthis.setState({dataA: { new state A cotnent }})を実行すると、コンポーネントBはデータが変更されていなくても更新されます。

成分Bは、機能部品であるので、私はshouldComponentUpdateメソッドを実装することができません。したがって、dataAだけが変更された場合、コンポーネントBをレンダリングしない方法がありますか？ありがとう！

Answer 1

彼らは小道具や状態を受信したときの機能コンポーネントは、常に値が変更されていない場合でも、再度レンダリングので、これは不可能です。

代わりに、機能コンポーネントの子をPureComponentというサブクラスに変換することをお勧めします。shouldComponentUpdateを実装すると、小道具と状態を比較することができます。 PureComponentsのすべての子もPureComponentsであるべきであり、これらの条件があまりにも制限されている場合は、ComponentのサブクラスでshouldComponentUpdateを自分で実装する必要があることに注意してください。