質問編集履歴
1
語彙の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
再レンダ
|
|
1
|
+
再レンダリングを防ぐために子コンポーネントでconnectするべきか
|
test
CHANGED
|
@@ -140,20 +140,20 @@
|
|
|
140
140
|
|
|
141
141
|
|
|
142
142
|
|
|
143
|
-
この状態でreact devtoolsにあるHighlight Updateをチェックし、任意のListItemの保存ボタンをクリックすると、クリックされたボタンのあるコンポーネントだけでなく、それ以外の全てのListItemが再レンダ
|
|
143
|
+
この状態でreact devtoolsにあるHighlight Updateをチェックし、任意のListItemの保存ボタンをクリックすると、クリックされたボタンのあるコンポーネントだけでなく、それ以外の全てのListItemが再レンダリングされるのが確認できます。
|
|
144
144
|
|
|
145
145
|
|
|
146
146
|
|
|
147
147
|
ここで質問です。
|
|
148
148
|
|
|
149
|
-
0. クリックされたボタンのあるコンポーネントのみを再レンダ
|
|
149
|
+
0. クリックされたボタンのあるコンポーネントのみを再レンダリングしたい場合、どのような方法をとるべきなのでしょうか？
|
|
150
150
|
|
|
151
151
|
0. 上記の実装において問題点はありますか？
|
|
152
152
|
|
|
153
153
|
|
|
154
154
|
|
|
155
|
-
例えばResultsではなくListItemでconnectした場合は、当然ですがボタン押下時に対象のコンポーネントのみが再レンダ
|
|
155
|
+
例えばResultsではなくListItemでconnectした場合は、当然ですがボタン押下時に対象のコンポーネントのみが再レンダリングされました。しかしAtomic Designの観点等からconnectするのはorganisms以上のコンポーネントでするべきだと認識しているので、それは避けたいです。
|
|
156
156
|
|
|
157
157
|
|
|
158
158
|
|
|
159
|
-
親コンポーネントでconnectし、そこからstateやコールバック関数を子コンポーネントに渡す限り、上記コードにおける親に付随する全子コンポーネントの再レンダ
|
|
159
|
+
親コンポーネントでconnectし、そこからstateやコールバック関数を子コンポーネントに渡す限り、上記コードにおける親に付随する全子コンポーネントの再レンダリングは免れないのでしょうか？
|