React.ComponentとReact.PureComponentとの比較

Question

公式React docsは、「React.PureComponentのshouldComponentUpdate()はオブジェクトを浅く比較しているだけです」という状態を示し、状態が「深い」場合はこれに対して助言します。

これを考えると、リアクタンスコンポーネントを作成するときに、なぜReact.PureComponentを好むべきなのですか？

質問：

• 我々はReact.PureComponentのために行くことを検討React.Componentを使用して任意のパフォーマンスへの影響はありますか？
• shouldComponentUpdate()のPureComponentは、浅い比較のみを実行します。これが当てはまる場合、より深い比較のために前記方法を使用することはできないか？
• さらに、React.PureComponentのshouldComponentUpdate()は、コンポーネントのサブツリー全体のプロップアップデートをスキップします。 - これは小道具変更が無視されることを意味しますか？

質問があれば、このmedium blogに役立ちます。

Answer 1

React.PureComponentとReact.Componentの主な違いは、状態変化の浅い比較がPureComponentんです。これは、スカラー値を比較するときに値を比較することを意味しますが、オブジェクトを比較するときは参照のみを比較します。それは、アプリケーションのパフォーマンスを向上させるのに役立ちます。

以下のいずれかの条件を満たす場合はReact.PureComponentに行ってください。

• 州/小道具は不変オブジェクト
• 状態でなければなりません/小道具はあなたが確認する必要がありますReact.PureComponentを使用している場合、データが

を変更したときにあなたがforceUpdateを呼び出す必要があります階層

を持つべきではありませんすべての子コンポーネントも純粋です。

React.componentを使用するとパフォーマンスに影響はありません。 React.PureComponentを検討してください。

はい、それは私がPurecomponentだけ 浅い比較を実行のshouldComponentUpdateを（）推測してい

（理由は浅い比較の）アプリのパフォーマンスが向上します。この場合、上記の方法で深い比較のために を使用することはできませんか？

あなたは正しく推測しました。上記のいずれかの条件を満たしていれば、それを使うことができます。

"さらに、React。PureComponentのshouldComponentUpdate（）は、「全コンポーネントのサブツリーのための小道具 更新をスキップ - ？ 変更を支えるこの平均値は無視されているん

を、それは浅い比較して違いを見つけることができなかった場合ははい、小道具の変更は無視されます

。