Skip to content

Commit 36697e6

Browse files
committed
Fix two more format mistakes
1 parent 805aa49 commit 36697e6

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/content/learn/queueing-a-series-of-state-updates.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -374,7 +374,7 @@ function delay(ms) {
374374

375375
サンドボックスプレビューをスクロールしてください。**4 つのテストケース**が表示されていることに注意してください。それらはこのページの先ほどの例に対応しています。あなたの仕事は、`getFinalState` 関数を実装して、それぞれのケースに対して正しい結果を返すことです。正しく実装すると、すべてのテストが通るはずです。
376376

377-
2 つの引数を受け取ることになります。`baseState` は初期 state (例えば `0`)であり、`queue` は数値(例えば `5`)または更新用関数(例えば `n => n + 1`)のいずれかが、キューに入れられた順番で入っている配列です。
377+
2 つの引数を受け取ることになります。`baseState` は初期 state(例えば `0`)であり、`queue` は数値(例えば `5`)または更新用関数(例えば `n => n + 1`)のいずれかが、キューに入れられた順番で入っている配列です。
378378

379379
あなたの仕事は、このページ内の表で見たような処理を行って、最終的な state を返すことです!
380380

src/content/learn/state-as-a-snapshot.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ state とレンダーの関係をもう少し詳しく見ていきましょう
7373

7474
[「レンダーする」](/learn/render-and-commit#step-2-react-renders-your-components)とは、React があなたのコンポーネント(関数)を呼び出すということです。関数から返される JSX は、その時点での UI のスナップショットのようなものです。その JSX 内の props、イベントハンドラ、ローカル変数はすべて、**レンダー時の state を使用して計算されます**
7575

76-
写真や映画のフレームとは違い、返される「UI の スナップショット」はインタラクティブです。イベントハンドラのような、入力に対する応答を指定するためのロジックが含まれています。React は画面をこのスナップショットに合わせて更新し、イベントハンドラを接続します。その結果として、ボタンを押すと JSX に書いたクリックハンドラがトリガされます。
76+
写真や映画のフレームとは違い、返される「UI のスナップショット」はインタラクティブです。イベントハンドラのような、入力に対する応答を指定するためのロジックが含まれています。React は画面をこのスナップショットに合わせて更新し、イベントハンドラを接続します。その結果として、ボタンを押すと JSX に書いたクリックハンドラがトリガされます。
7777

7878
React がコンポーネントを再レンダーする際には:
7979

@@ -252,7 +252,7 @@ setTimeout(() => {
252252

253253
アラートが実行される時点では React に格納されている state は既に更新されているかもしれませんが、アラートはユーザがボタンを操作した時点での state のスナップショットを使ってスケジューリングされました!
254254

255-
イベントハンドラのコードが非同期であっても、**レンダー内の state 変数の値は決して変わりません***そのレンダーの* `onClick`内では、`setNumber(number + 5)` が呼ばれた後も `number` の値は `0` のままです。その値は React があなたのコンポーネントを呼び出して UI の「スナップショットを取った」時に、「固定」されたのです。
255+
イベントハンドラのコードが非同期であっても、**レンダー内の state 変数の値は決して変わりません***そのレンダーの* `onClick` 内では、`setNumber(number + 5)` が呼ばれた後も `number` の値は `0` のままです。その値は React があなたのコンポーネントを呼び出して UI の「スナップショットを取った」時に、「固定」されたのです。
256256

257257
ここで、このお陰でタイミングにまつわる問題が起きづらくなっている、という例をお示しします。以下のフォームは、5 秒の遅延後にメッセージを送信します。ここでこんなシナリオを想像してみてください:
258258

0 commit comments

Comments
 (0)