@@ -16,7 +16,7 @@ const value = useContext(SomeContext)
16
16
17
17
---
18
18
19
- ## リファレンス {/reference/} {/ * リファレンス- reference* /}
19
+ ## リファレンス {/* reference* /}
20
20
21
21
### ` useContext(SomeContext) ` {/* usecontext* /}
22
22
@@ -32,11 +32,11 @@ function MyComponent() {
32
32
33
33
[さらに例を見る](#usage)
34
34
35
- #### パラメータ {/parameters/} {/*パラメータ- parameters*/}
35
+ #### 引数 {/* parameters*/}
36
36
37
37
* ` SomeContext` : 事前に [` createContext` ](/reference/react/createContext) で作成した context になります。context 自体は情報を保持しておらず、コンポーネントから提供したり、読み取ったりできる情報の種類を表しているに過ぎません。
38
38
39
- #### 返り値 {/returns/} {/*返り値- returns*/}
39
+ #### 返り値 {/* returns*/}
40
40
41
41
` useContext` は呼び出し元のコンポーネントのコンテクストの値を返します。この値は、ツリーの中で呼び出し元のコンポーネントに最も近い ` SomeContext .Provider ` に渡された ` value` として決定される。そのようなプロバイダが存在しない場合は、そのコンテクストの [` createContext` ](/reference/react/createContext) に渡した ` defaultValue` が返されます。返される値は常に最新のものです。React は、あるコンテクストを読み込んだコンポーネントが変更されると、自動的に再レンダーします。
42
42
@@ -175,7 +175,7 @@ function Button({ children }) {
175
175
176
176
---
177
177
178
- ### context を介したデータの更新 {/updating-data-passed-via-context/} {/*context-を介したデータの更新- updating-data-passed-via-context*/}
178
+ ### context を介したデータの更新 {/* updating-data-passed-via-context*/}
179
179
180
180
多くの場合、時間とともに context が変更されることが望まれます。context を更新するためには、[state.](/reference/react/useState) と組み合わせます。親コンポーネントで state 変数を宣言し、その現在の state を <CodeStep step={2}>context value</CodeStep> としてプロバイダに渡します。
181
181
@@ -199,7 +199,7 @@ function MyPage() {
199
199
200
200
<Recipes titleText="Examples of updating context" titleId="examples-basic">
201
201
202
- #### contextを介して値を更新する {/updating-a-value-via-context/} {/*contextを介して値を更新する- updating-a-value-via-context*/}
202
+ #### contextを介して値を更新する {/* updating-a-value-via-context*/}
203
203
204
204
この例では、` MyApp` コンポーネントが ` state` 変数を保持し、それを ` ThemeContext` プロバイダに渡します。` " Dark mode" ` のチェックボックスをチェックすると、state が更新されます。提供される値を変更すると、context を使用しているすべてのコンポーネントが再レンダーされます。
205
205
@@ -303,7 +303,7 @@ function Button({ children }) {
303
303
304
304
<Solution />
305
305
306
- #### コンテクストを通じてオブジェクトを更新する {/updating-an-object-via-context/} {/*コンテクストを通じてオブジェクトを更新する- updating-an-object-via-context*/}
306
+ #### コンテクストを通じてオブジェクトを更新する {/* updating-an-object-via-context*/}
307
307
308
308
この例では、オブジェクトを保持する ` currentUser` という状態変数があります。` { currentUser, setCurrentUser }` を 1 つのオブジェクトに組み合わせて、その中の ` value= {}` を介してコンテクストを下に渡します。これにより、` LoginButton` などの下位の任意のコンポーネントが ` currentUser` と ` setCurrentUser` を読み込み、必要に応じて ` setCurrentUser` を呼び出すことができます。
309
309
0 commit comments