Skip to content

Commit

Permalink
wip
Browse files Browse the repository at this point in the history
  • Loading branch information
jp-knj committed Jul 15, 2023
1 parent a6a34fd commit 7ff525b
Showing 1 changed file with 6 additions and 7 deletions.
13 changes: 6 additions & 7 deletions src/content/reference/react/useContext.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ const value = useContext(SomeContext)

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

コンポーネントのトップレベルで `useContext` を呼び出して、[context.](/learn/passing-data-deeply-with-context) を読み込んでサブスクライブします
コンポーネントのトップレベルで `useContext` を呼び出して、[コンテクスト](/learn/passing-data-deeply-with-context) を読み取り、サブスクライブします

```js
import { useContext } from 'react';
Expand All @@ -34,7 +34,7 @@ function MyComponent() {
#### 引数 {/*parameters*/}
* `SomeContext`: 事前に [`createContext`](/reference/react/createContext) で作成した context になります。context 自体は情報を保持しておらず、コンポーネントから提供したり、読み取ったりできる情報の種類を表しているに過ぎません。
* `SomeContext`: 事前に [`createContext`](/reference/react/createContext) で作成したコンテクストになります。コンテクスト自体は情報を保持しておらず、コンポーネントから提供したり、読み取ったりできる情報の種類を表しているに過ぎません。
#### 返り値 {/*returns*/}
Expand All @@ -48,12 +48,11 @@ function MyComponent() {
---
## 使用法 {/*usage*/}
## 使い方 {/*usage*/}
### ツリーの深い部分にデータを渡す {/*passing-data-deeply-into-the-tree*/}
コンポーネントのトップレベルで `useContext` を呼び出して [context.](/learn/passing-data-deeply-with-context) を読み込み、サブスクライブします。
コンポーネントのトップレベルで `useContext` を呼び出して [コンテクスト](/learn/passing-data-deeply-with-context) を読み取り、サブスクライブします。
```js [[2, 4, "theme"], [1, 4, "ThemeContext"]]
import { useContext } from 'react';
Expand Down Expand Up @@ -175,9 +174,9 @@ function Button({ children }) {
---
### context を介したデータの更新 {/*updating-data-passed-via-context*/}
### コンテクストを経由したデータの更新 {/*updating-data-passed-via-context*/}
多くの場合、時間とともに context が変更されることが望まれます。context を更新するためには、[state.](/reference/react/useState) と組み合わせます。親コンポーネントで state 変数を宣言し、その現在の state を <CodeStep step={2}>context value</CodeStep> としてプロバイダに渡します。
多くの場合、時間とともにコンテクストが変更されることが望まれます。コンテクストを更新するためには、[state.](/reference/react/useState) と組み合わせます。親コンポーネントで state 変数を宣言し、その現在の state を <CodeStep step={2}>context value</CodeStep> としてプロバイダに渡します。
```js {2} [[1, 4, "ThemeContext"], [2, 4, "theme"], [1, 11, "ThemeContext"]]
function MyPage() {
Expand Down

0 comments on commit 7ff525b

Please sign in to comment.