Skip to content

Commit 968dd06

Browse files
committed
微修正
1 parent 89ec6d1 commit 968dd06

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/content/learn/managing-state.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: state の管理
44

55
<Intro>
66

7-
アプリケーションが成長するにつれて、state の構成方法やコンポーネント間のデータの流れについて計画的に考えることが重要になります。バグの一般的な原因は、冗長な、あるいは重複した state です。この章では、state を適切に構造化する方法、state 更新ロジックをメンテナンスしやすい状態に保つ方法、そして離れたコンポーネント間で state を共有する方法について学びます。
7+
アプリケーションが成長するにつれて、state の構成方法やコンポーネント間のデータの流れについてより計画的に考えることが重要になります。バグの一般的な原因は、冗長な、あるいは重複した state です。この章では、state を適切に構造化する方法、state 更新ロジックをメンテナンスしやすい状態に保つ方法、そして離れたコンポーネント間で state を共有する方法について学びます。
88

99
</Intro>
1010

@@ -22,7 +22,7 @@ title: state の管理
2222

2323
## state を使って入力に反応する {/*reacting-to-input-with-state*/}
2424

25-
React を使う場合、コードから直接 UI を変更することはありません。例えば「ボタンを無効にする」、「ボタンを有効にする」、「成功メッセージを表示する」といったコマンドを書くことはありません。代わりに、コンポーネントのさまざまな視覚状態(例えば「初期状態」、「入力中状態」、「成功状態」)に対して表示したい UI を記述し、ユーザ入力に応じて状態の変更をトリガします。これは、デザイナーが UI を考える方法に似ています。
25+
React を使う場合、コードから直接 UI を変更することはありません。例えば「ボタンを無効にする」、「ボタンを有効にする」、「成功メッセージを表示する」といったコマンドを書くことはありません。代わりに、コンポーネントのさまざまな視覚状態(例えば「初期状態」、「入力中状態」、「成功状態」)に対して表示したい UI を記述し、ユーザ入力に応じて state の変更をトリガします。これは、デザイナが UI を考える方法に似ています。
2626

2727
以下は、React を使って構築されたクイズフォームです。`status` という state 変数を使って、送信ボタンを有効にするか無効にするか、成功メッセージを表示するかどうかを決定していることに注目してください。
2828

@@ -108,7 +108,7 @@ function submitForm(answer) {
108108
109109
<LearnMore path="/learn/reacting-to-input-with-state">
110110
111-
[**state を使って入力に反応する**](/learn/reacting-to-input-with-state)を読んで、state ベースの考え方ででユーザ操作を扱う方法を学びましょう
111+
[**state を使って入力に反応する**](/learn/reacting-to-input-with-state)を読んで、state ベースの考え方でユーザ操作を扱う方法を学びましょう
112112
113113
</LearnMore>
114114

0 commit comments

Comments
 (0)