Parent
とChild
の2つのコンポーネントがあるとします。 Parent
コンポーネントでは、lastName
という名前の状態があり、これはChild
に渡されます。 Child
とParent
の最初のレンダリングの後、がParent
に変更された場合、Child
コンポーネントは再レンダリングされますか?小道具が変更されたときにコンポーネントが再レンダリングするコンポーネント
0
A
答えて
0
はい、setStateでプロパティを設定するとします。しかし、Reactでの再レンダリングは、恐れてはならないもので、Virtual DOMの使用のために非常に効率的です。あなたが状態を更新する必要があるかもしれません、子コンポーネントで、その後、次の
shouldComponentUpdate(nextProps){
return this.props.lastname !== nextProps.lastname
}
https://facebook.github.io/react/docs/component-specs.html#shouldComponentUpdate
を使用する必要があり、子コンポーネントで
0
。小道具lastName
は子供の中で使用されているときに、子コンポーネントのみが再レンダリングされるcomponentWillReceiveProps(nextProps)
componentWillReceiveProps(nextProps){
this.setState({
lastname: nextProps.lastname
});
}
0
を使用することができることを実現するためにはlastName
を変更する機能や親使用setState
機能をレンダリングします。 Reactは片方向のデータフローであることを覚えておいてください。子供の中に子コンポーネントを再レンダリングする場合は、setState
を親コンポーネントに戻すイベントを呼び出す必要があります。
関連する問題
- 1. 小道具のコンポーネントを再レンダリングする
- 2. 小道具変更時に反応コンポーネントを再レンダリングする
- 3. 小道具が等しい場合にコンポーネントが再レンダリングされる理由
- 4. 小道具変更後にリアクションコンポーネントが再レンダリングされない
- 5. 小道具を更新すると、コンポーネント全体が再レンダリングされるべきですか?
- 6. 州の小道具が変更されたときに反応コンポーネントが更新されない
- 7. VueJSでの小道具の変更時にコンポーネントを再ロード
- 8. 小道具を変更したときの再販者の機能コンポーネント
- 9. ReactJSをコンポーネント名とその小道具でレンダリングするには?
- 10. 小道具が子コンポーネントに渡されていない
- 11. 同じ小道具にもかかわらずコンポーネントを再レンダリングする
- 12. コンポーネントを小道具として別のコンポーネントに渡すときに不変の違反が発生する
- 13. トランジションでコンポーネントの小道具を変更する
- 14. 小道具を備えたドラフト・コンポーネント
- 15. VueJs子コンポーネントの小道具がすぐに更新されない
- 16. 状態が変更されたときにコンポーネントを再レンダリングできません。
- 17. 子コンポーネントに小道具を渡すCyclejs
- 18. コンポーネント間に小道具を渡す
- 19. プロパティが変更されたときにRebuild/Angular2コンポーネントを再レンダリングします
- 20. 小道具で受け取ったコンポーネントに小道具を返す
- 21. reactjsでデータをレンダリングするときにカプセル化されたコンポーネントの小道具を調整する
- 22. 反応コンポーネントに渡された後に小道具がヌルになる
- 23. Apollo:コンポーネントにデータ/突然変異の小道具が渡されない
- 24. React Nativeが子コンポーネントの小道具を更新しない
- 25. React Native with Reduxで接続コンポーネントの小道具が更新されない
- 26. 状態が変更された後に反応コンポーネントが再レンダリングされない
- 27. 再帰的子コンポーネントに小道具を渡してすべての小道具を保存する方法
- 28. 子供の小道具は、子コンポーネントで
- 29. Reactコンポーネントの小道具へのアクセス
- 30. ネストされたReact/Relayコンポーネントが小道具を受け取りません
Tnx非効率ですが、それはまったく再レンダリングしないからです! – Mehrdad
@Mehrdadそれは、React [ive]と呼ばれています。 – Pavlo