シンプルリアクションアプリを作成し、更新した理由ライブラリを使用して再レンダリングをアプリにチェックし、不要な再レンダリングや再表示を防ぐ方法を示します - レンダリング?小道具が等しい場合にコンポーネントが再レンダリングされる理由
1
A
答えて
2
小道具が変更された場合、または親が再レンダリングされた場合、コンポーネントは再レンダリングされます。親コンポーネントの小道具や状態を更新している可能性があります。 Reactは、不要なレンダリングを処理するshouldComponentUpdateというライフサイクル関数を提供します。新しい小道具と古い小道具の間で同等の点検を行うだけで、変更があったかどうかを知ることができるので、小道具に不変のデータを使用すると、実装が迅速かつ容易になります。 https://facebook.github.io/react/docs/component-specs.html#updating-shouldcomponentupdateとhttps://facebook.github.io/react/docs/pure-render-mixin.html
関連する問題
- 1. 小道具が変更されたときにコンポーネントが再レンダリングするコンポーネント
- 2. 小道具のコンポーネントを再レンダリングする
- 3. 小道具変更後にリアクションコンポーネントが再レンダリングされない
- 4. 再レンダリング特定の小道具が
- 5. 小道具変更時に反応コンポーネントを再レンダリングする
- 6. 小道具がある場合ReactJS
- 7. React-redux状態と小道具が更新されましたが、コンポーネントは再レンダリングされません
- 8. レンダリング機能が提供されているときに小道具を再レンダリングしないでください
- 9. 小道具が子コンポーネントに渡されていない
- 10. ボタン・プレスでの小道具の再レンダリング
- 11. 私のコンポーネントが反応で再レンダリングされない理由
- 12. 子供の状態になる場合は、コンポーネントの小道具がヌル
- 13. 小道具を更新すると、コンポーネント全体が再レンダリングされるべきですか?
- 14. 同じ小道具にもかかわらずコンポーネントを再レンダリングする
- 15. コンポーネントのインスタンスがデフォルトの小道具
- 16. ReactJSをコンポーネント名とその小道具でレンダリングするには?
- 17. Vue 2:v-コンポーネントの動的小道具の場合
- 18. ReactとTypescript:小道具が渡されていない場合のクラス
- 19. Reactネイティブクローンされた子コンポーネントは、小道具の変更に応じて再レンダリングされません
- 20. 等しい幅のdivが均等にレンダリングされない理由
- 21. 再帰的子コンポーネントに小道具を渡してすべての小道具を保存する方法
- 22. Reactコンポーネントが再レンダリングされている理由を追跡する
- 23. コンポーネントの外でその小道具を変更した後にReactコンポーネントを再レンダリングする方法
- 24. 新しいルートに小道具が表示されない
- 25. Reactは小道具交換で再レンダリングしません
- 26. 反応コンポーネントに渡された後に小道具がヌルになる
- 27. 小道具の検証に小道具がありません
- 28. 子コンポーネントでVueの小道具が動作しない
- 29. React Nativeが子コンポーネントの小道具を更新しない
- 30. Next.js ReactコンポーネントgetInitialPropsが小道具をバインドしない