File tree 1 file changed +5
-5
lines changed
src/content/reference/react
1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -1062,9 +1062,9 @@ function Button({ children, onClick }) {
1062
1062
1063
1063
---
1064
1064
1065
- ### ツリーの一部のコンテクストを上書きする {/*overriding-context-for-a-part-of-the-tree*/}
1065
+ ### ツリーにある一部のコンテクストを上書きする {/*overriding-context-for-a-part-of-the-tree*/}
1066
1066
1067
- ツリーの一部を異なる値のプロバイダでラップすることにより、その部分のコンテクストを上書きすることができます 。
1067
+ ツリーにある異なる値を持つプロバイダでラップすることにより、一部のコンテクストを上書きできます 。
1068
1068
1069
1069
` ` ` js {3 ,5 }
1070
1070
< ThemeContext .Provider value= " dark" >
@@ -1076,13 +1076,13 @@ function Button({ children, onClick }) {
1076
1076
< / ThemeContext .Provider >
1077
1077
` ` `
1078
1078
1079
- 必要なだけプロバイダをネストして上書きすることができます 。
1079
+ 必要な回数だけ、プロバイダをネストして上書きすることができます 。
1080
1080
1081
1081
<Recipes title="Examples of overriding context">
1082
1082
1083
1083
#### テーマの上書き {/*overriding-a-theme*/}
1084
1084
1085
- ここでは 、` Footer` *内部*のボタンは外部のボタン (` " dark" ` )とは異なるコンテクスト値 (` " light" ` ) を受け取ります。
1085
+ この例では 、` Footer` の *内部*にあるボタンは、外部にあるボタン (` " dark" ` )とは違うコンテクスト値 (` " light" ` ) を受け取ります。
1086
1086
1087
1087
<Sandpack>
1088
1088
@@ -1188,7 +1188,7 @@ footer {
1188
1188
1189
1189
#### 自動的にネストされた見出し {/*automatically-nested-headings*/}
1190
1190
1191
- コンテクストプロバイダをネストするときに情報を"蓄積" することができます。この例では 、` Section` コンポーネントはセクションのネストの深さを指定する ` LevelContext` を追跡します。それは親セクションから ` LevelContext` を読み取り、その子供に対して 1 増加した ` LevelContext` 番号を提供します 。その結果、` Heading` コンポーネントは、それがいくつの ` Section ` コンポーネントの内部にネストされているかに基づいて、 ` < h1> ` 、` < h2> ` 、` < h3> ` 、...、のタグのどれを使用するかを自動的に決定することができます 。
1191
+ コンテクストプロバイダをネストすることで、情報を「累積」 することができます。ここの例では 、` Section` コンポーネントはセクションのネストの深さを指定する ` LevelContext` を追跡しています。親セクションから ` LevelContext` を読み取り、その数値に 1 を加えた ` LevelContext` を子に提供します 。その結果、` Heading` コンポーネントは自動的に、どの ` < h1> ` 、` < h2> ` 、` < h3> ` 、... のタグを使用するかを、自身がどれだけの ` Section ` コンポーネントの内部にネストされているかに伴って決まっていきます 。
1192
1192
1193
1193
この例の[詳細なウォークスルー](/learn/passing-data-deeply-with-context)を読んでください。
1194
1194
You can’t perform that action at this time.
0 commit comments