You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/context.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -116,7 +116,7 @@ function Page(props) {
116
116
constMyContext=React.createContext(defaultValue);
117
117
```
118
118
119
-
Создание объекта Context. Когда React рендерит компонент, который подписан на этот объект, React получит текущее значение контекста из ближайшего подходящего `Provider` выше в дереве компонентов.
119
+
Создаёт объект `Context`. Когда React рендерит компонент, который подписан на этот объект, React получит текущее значение контекста из ближайшего подходящего `Provider` выше в дереве компонентов.
120
120
121
121
Аргумент `defaultValue` используется **только** в том случае, если для компонента нет подходящего `Provider` выше в дереве. Это может быть полезно для тестирования компонентов в изоляции без необходимости оборачивать их. Обратите внимание: если передать `undefined` как значение `Provider`, компоненты, использующие этот контекст, не будут использовать `defaultValue`.
<MyContext.Provider value={/* некоторое значение */}>
127
127
```
128
128
129
-
Каждый объект Контекста используется вместе с `Provider` компонентом, который позволяет дочерним компонентам, использующим этот контекст, подписаться на его изменения.
129
+
Каждый объект `Context` используется вместе с `Provider` компонентом, который позволяет дочерним компонентам, использующим этот контекст, подписаться на его изменения.
130
130
131
-
Принимает проп `value`, который будет передан во все компоненты, использующие этот контекст и являющиеся потомками этого Provider компонента. Один Provider может быть связан с несколькими компонентами, потребляющими контекст. Так же Provider компоненты могут быть вложены друг в друга, переопределяя значение контекста глубже в дереве.
131
+
Принимает проп `value`, который будет передан во все компоненты, использующие этот контекст и являющиеся потомками этого компонента`Provider`. Один `Provider` может быть связан с несколькими компонентами, потребляющими контекст. Так же компоненты`Provider` могут быть вложены друг в друга, переопределяя значение контекста глубже в дереве.
132
132
133
133
Все потребители, которые являются потомками Provider, будут повторно рендериться, как только проп `value` у Provider изменится. Потребитель (включая [`.contextType`](#classcontexttype) и [`useContext`](/docs/hooks-reference.html#usecontext)) перерендерится при изменении контекста, даже если его родитель, не использующий данный контекст, блокирует повторные рендеры с помощью `shouldComponentUpdate`.
134
134
@@ -192,15 +192,15 @@ class MyClass extends React.Component {
192
192
193
193
`Consumer` — это React-компонент, который подписывается на изменения контекста. В свою очередь, это позволяет вам подписаться на контекст в [функциональном компоненте](/docs/components-and-props.html#function-and-class-components).
194
194
195
-
`Consumer` принимает [функцию в качестве дочернего компонента](/docs/render-props.html#using-props-other-than-render). Эта функция принимает текущее значение контекста и возвращает React-компонент. Передаваемый аргумент `value` будет равен ближайшему (вверх по дереву) значению этого контекста, а именно пропу `value`Provider компонента. Если такого Provider компонента не существует, аргумент `value` будет равен значению `defaultValue`, которое было передано в `createContext()`.
195
+
`Consumer` принимает [функцию в качестве дочернего компонента](/docs/render-props.html#using-props-other-than-render). Эта функция принимает текущее значение контекста и возвращает React-компонент. Передаваемый аргумент `value` будет равен ближайшему (вверх по дереву) значению этого контекста, а именно пропу `value` компонента`Provider`. Если такого компонента`Provider` не существует, аргумент `value` будет равен значению `defaultValue`, которое было передано в `createContext()`.
196
196
197
197
> Примечание
198
198
>
199
199
> Подробнее про паттерн «_функция как дочерний компонент_» можно узнать на странице [Рендер-пропсы](/docs/render-props.html).
200
200
201
201
### `Context.displayName` {#contextdisplayname}
202
202
203
-
Объекту Context можно задать строковое свойство `displayName`. React DevTools использует это свойство при отображении контекста.
203
+
Объекту `Context` можно задать строковое свойство `displayName`. React DevTools использует это свойство при отображении контекста.
204
204
205
205
К примеру, следующий компонент будет отображаться под именем MyDisplayName в DevTools:
0 commit comments