Skip to content

Commit a6a34fd

Browse files
committed
wip
1 parent bba7db1 commit a6a34fd

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/reference/react/useContext.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const value = useContext(SomeContext)
1616

1717
---
1818

19-
## リファレンス {/reference/} {/*リファレンス-reference*/}
19+
## リファレンス {/*reference*/}
2020

2121
### `useContext(SomeContext)` {/*usecontext*/}
2222

@@ -32,11 +32,11 @@ function MyComponent() {
3232
3333
[さらに例を見る](#usage)
3434
35-
#### パラメータ {/parameters/} {/*パラメータ-parameters*/}
35+
#### 引数 {/*parameters*/}
3636
3737
* `SomeContext`: 事前に [`createContext`](/reference/react/createContext) で作成した context になります。context 自体は情報を保持しておらず、コンポーネントから提供したり、読み取ったりできる情報の種類を表しているに過ぎません。
3838
39-
#### 返り値 {/returns/} {/*返り値-returns*/}
39+
#### 返り値 {/*returns*/}
4040
4141
`useContext` は呼び出し元のコンポーネントのコンテクストの値を返します。この値は、ツリーの中で呼び出し元のコンポーネントに最も近い `SomeContext.Provider` に渡された `value` として決定される。そのようなプロバイダが存在しない場合は、そのコンテクストの [`createContext`](/reference/react/createContext) に渡した `defaultValue` が返されます。返される値は常に最新のものです。React は、あるコンテクストを読み込んだコンポーネントが変更されると、自動的に再レンダーします。
4242
@@ -175,7 +175,7 @@ function Button({ children }) {
175175
176176
---
177177
178-
### context を介したデータの更新 {/updating-data-passed-via-context/} {/*context-を介したデータの更新-updating-data-passed-via-context*/}
178+
### context を介したデータの更新 {/*updating-data-passed-via-context*/}
179179
180180
多くの場合、時間とともに context が変更されることが望まれます。context を更新するためには、[state.](/reference/react/useState) と組み合わせます。親コンポーネントで state 変数を宣言し、その現在の state を <CodeStep step={2}>context value</CodeStep> としてプロバイダに渡します。
181181
@@ -199,7 +199,7 @@ function MyPage() {
199199
200200
<Recipes titleText="Examples of updating context" titleId="examples-basic">
201201
202-
#### contextを介して値を更新する {/updating-a-value-via-context/} {/*contextを介して値を更新する-updating-a-value-via-context*/}
202+
#### contextを介して値を更新する {/*updating-a-value-via-context*/}
203203
204204
この例では、`MyApp` コンポーネントが `state` 変数を保持し、それを `ThemeContext` プロバイダに渡します。`"Dark mode"`のチェックボックスをチェックすると、state が更新されます。提供される値を変更すると、context を使用しているすべてのコンポーネントが再レンダーされます。
205205
@@ -303,7 +303,7 @@ function Button({ children }) {
303303
304304
<Solution />
305305
306-
#### コンテクストを通じてオブジェクトを更新する {/updating-an-object-via-context/} {/*コンテクストを通じてオブジェクトを更新する-updating-an-object-via-context*/}
306+
#### コンテクストを通じてオブジェクトを更新する {/*updating-an-object-via-context*/}
307307
308308
この例では、オブジェクトを保持する `currentUser` という状態変数があります。`{ currentUser, setCurrentUser }` を 1 つのオブジェクトに組み合わせて、その中の `value={}` を介してコンテクストを下に渡します。これにより、`LoginButton` などの下位の任意のコンポーネントが `currentUser``setCurrentUser` を読み込み、必要に応じて `setCurrentUser` を呼び出すことができます。
309309

0 commit comments

Comments
 (0)