回答編集履歴
5
テキスト修正
test
CHANGED
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
|
|
262
262
|
|
|
263
|
-
あたりです。上記のページで、「[クラスにライフサイクルメソッドを追加する](https://ja.reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class) 」の節の終わりに、
|
|
263
|
+
あたりです。上記のページで、「[クラスにライフサイクルメソッドを追加する](https://ja.reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class) 」の節の終わりに、 [Clockの完成版](https://codepen.io/gaearon/pen/amqdNA?editors=0010)について動作の流れが 1. 〜 5. として順に説明されています。その中で
|
|
264
264
|
|
|
265
265
|
|
|
266
266
|
|
4
テキスト修正
test
CHANGED
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
|
|
262
262
|
|
|
263
|
-
あたりです。上記のページで `<Clock />` の完成版についての説明
|
|
263
|
+
あたりです。上記のページで、「[クラスにライフサイクルメソッドを追加する](https://ja.reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class) 」の節の終わりに、 `<Clock />` の完成版について動作の流れが 1. 〜 5. として順に説明されています。その中で
|
|
264
264
|
|
|
265
265
|
|
|
266
266
|
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
|
|
269
269
|
|
|
270
270
|
|
|
271
|
-
|
|
271
|
+
と書かれており、上記の[原文](https://en.reactjs.org/docs/state-and-lifecycle.html) は、
|
|
272
272
|
|
|
273
273
|
|
|
274
274
|
|
3
テキスト修正
test
CHANGED
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
|
|
253
253
|
|
|
254
254
|
|
|
255
|
-
|
|
255
|
+
このご質問で確認しておく必要のある内容は Reactの基本ですので、[公式ドキュメント](https://ja.reactjs.org/docs/)を拠り所にすることをお勧めします。このご質問の疑問を解消するという目的ですと、 MAIN COCEPTS の章の
|
|
256
256
|
|
|
257
257
|
|
|
258
258
|
|
2
テキスト修正
test
CHANGED
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
|
|
253
253
|
|
|
254
254
|
|
|
255
|
-
把握し整理しておく必要のある内容は、Reactの基本ですので、公式ドキュメントを拠り所にすることをお勧めします。このご質問の疑問を解消するという目的ですと
|
|
255
|
+
把握し整理しておく必要のある内容は、Reactの基本ですので、[公式ドキュメント](https://ja.reactjs.org/docs/)を拠り所にすることをお勧めします。このご質問の疑問を解消するという目的ですと、 MAIN COCEPTS の章の
|
|
256
256
|
|
|
257
257
|
|
|
258
258
|
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
|
|
262
262
|
|
|
263
|
-
あたりです。上記のページで `<Clock />` の完成版についての説明に以下
|
|
263
|
+
あたりです。上記のページで `<Clock />` の完成版についての説明に以下
|
|
264
264
|
|
|
265
265
|
|
|
266
266
|
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
|
|
269
269
|
|
|
270
270
|
|
|
271
|
-
[原文](https://en.reactjs.org/docs/state-and-lifecycle.html)
|
|
271
|
+
のように書かれており、上記の[原文](https://en.reactjs.org/docs/state-and-lifecycle.html) では、
|
|
272
272
|
|
|
273
273
|
|
|
274
274
|
|
1
テキスト修正
test
CHANGED
|
@@ -245,3 +245,51 @@
|
|
|
245
245
|
|
|
246
246
|
|
|
247
247
|
以上、参考になれば幸いです。
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
### 追記
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
把握し整理しておく必要のある内容は、Reactの基本ですので、公式ドキュメントを拠り所にすることをお勧めします。このご質問の疑問を解消するという目的ですと
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
- ja.reactjs.org: [state とライフサイクル](https://ja.reactjs.org/docs/state-and-lifecycle.html)
|
|
260
|
+
|
|
261
|
+
|
|
262
|
+
|
|
263
|
+
あたりです。上記のページで `<Clock />` の完成版についての説明に以下のように書かれています。
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
> 4. ･･･ setState() が呼び出されたおかげで、React は state が変わったということが分かるので、render() メソッドを再度呼び出して、画面上に何を表示すべきかを知ります。・・・
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
[原文](https://en.reactjs.org/docs/state-and-lifecycle.html) のほうでは、
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
> 4.･･･ Thanks to the setState() call, React knows the state has changed, and calls the render() method again to learn what should be on the screen. ・・・
|
|
276
|
+
|
|
277
|
+
|
|
278
|
+
|
|
279
|
+
と書かれています。この中の
|
|
280
|
+
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
**Thanks to the setState() call, React knows the state has changed, and calls the render() method again**
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
|
|
287
|
+
のことを、私の回答の冒頭では
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
> setState によって this.state に変更があったら、自動的にrenderを呼んでくれる仕組みをReactが提供してくれている
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
と表現しました。
|