Skip to content

Commit 0018661

Browse files
committed
Сorrected the spelling
1 parent 7fe5834 commit 0018661

File tree

2 files changed

+16
-13
lines changed

2 files changed

+16
-13
lines changed

.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"cSpell.language": "en,ru"
3+
}

src/content/reference/react/useReducer.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const [state, dispatch] = useReducer(reducer, initialArg, init?)
2020
2121
### `useReducer(reducer, initialArg, init?)` {/*usereducer*/}
2222
23-
Вызовите `useReducer` на верхнем уровне компонента чтобы управлять состоянием с помощью [редьюсера.](/learn/extracting-state-logic-into-a-reducer)
23+
Вызовите `useReducer` на верхнем уровне компонента чтобы управлять состоянием с помощью [редюсера.](/learn/extracting-state-logic-into-a-reducer)
2424
2525
```js
2626
import { useReducer } from 'react';
@@ -38,7 +38,7 @@ function MyComponent() {
3838
3939
#### Параметры {/*parameters*/}
4040
41-
* `reducer`: Редьюсер — чистая функция, которая определяет логику обновления состояния. Редьюсер принимает два аргумента – состояние и действие, и возвращает следующее состояние. Состояние и действие могут быть любых типов.
41+
* `reducer`: Редюсер — чистая функция, которая определяет логику обновления состояния. Редюсер принимает два аргумента – состояние и действие, и возвращает следующее состояние. Состояние и действие могут быть любых типов.
4242
* `initialArg`: Значение на основе которого вычисляется начальное состояние. Значение начального состояния может быть любого типа. То как из него будет вычисляться начальное состояние, зависит от аргумента `init`.
4343
* **optional** `init`: Функция инициализатора, которая возвращает начальное состояние. Если она не указана, то начальное состояние устанавливается в `initialArg`. В противном случае начальное состояние устанавливается в результат вызова `init(initialArg)`.
4444
@@ -90,9 +90,9 @@ React установит следующее состояние как резул
9090

9191
## Применение {/*usage*/}
9292

93-
### Добавление редьюсера в компонент {/*adding-a-reducer-to-a-component*/}
93+
### Добавление редюсера в компонент {/*adding-a-reducer-to-a-component*/}
9494

95-
Вызовите `useReducer` на верхнем уровне компонента, чтобы управлять состоянием компонента с помощью [редьюсера.](/learn/extracting-state-logic-into-a-reducer)
95+
Вызовите `useReducer` на верхнем уровне компонента, чтобы управлять состоянием компонента с помощью [редюсера.](/learn/extracting-state-logic-into-a-reducer)
9696

9797
```js [[1, 8, "state"], [2, 8, "dispatch"], [4, 8, "reducer"], [3, 8, "{ age: 42 }"]]
9898
import { useReducer } from 'react';
@@ -119,7 +119,7 @@ function handleClick() {
119119
}
120120
```
121121

122-
React передаст текущее состояние и действие в <CodeStep step={4}>редьюсер</CodeStep>. Редьюсер вычислит и вернёт следующее состояние. React сохранит это состояние, отрисует компонент и обновит пользовательский интерфейс.
122+
React передаст текущее состояние и действие в <CodeStep step={4}>редюсер</CodeStep>. Редюсер вычислит и вернёт следующее состояние. React сохранит это состояние, отрисует компонент и обновит пользовательский интерфейс.
123123

124124
<Sandpack>
125125

@@ -161,7 +161,7 @@ button { display: block; margin-top: 10px; }
161161

162162
---
163163

164-
### Составление функции редьюсера {/*writing-the-reducer-function*/}
164+
### Составление функции редюсера {/*writing-the-reducer-function*/}
165165

166166
Объявите редюсер следующим образом:
167167

@@ -214,7 +214,7 @@ function Form() {
214214

215215
Имена типов действий являются локальными для вашего компонента. [Каждое действие описывает одно взаимодействие, даже если оно приводит к нескольким изменениям данных.](/learn/extracting-state-logic-into-a-reducer#writing-reducers-well) Форма состояния произвольна, но обычно это будет объект или массив.
216216

217-
Прочитайте про [извлечение логики состояния в редьюсер](/learn/extracting-state-logic-into-a-reducer) чтобы узнать больше.
217+
Прочитайте про [извлечение логики состояния в редюсер](/learn/extracting-state-logic-into-a-reducer) чтобы узнать больше.
218218

219219
<Pitfall>
220220

@@ -230,7 +230,7 @@ function reducer(state, action) {
230230
}
231231
```
232232

233-
Вместо этого всегда возвращайте новые объекты из вашего редьюсера:
233+
Вместо этого всегда возвращайте новые объекты из вашего редюсера:
234234

235235
```js {4-8}
236236
function reducer(state, action) {
@@ -1018,7 +1018,7 @@ function reducer(state, action) {
10181018

10191019
---
10201020

1021-
### Часть состояния моего редьюсера становится неопределённой после диспетчеризации {/*a-part-of-my-reducer-state-becomes-undefined-after-dispatching*/}
1021+
### Часть состояния моего редюсера становится неопределённой после диспетчеризации {/*a-part-of-my-reducer-state-becomes-undefined-after-dispatching*/}
10221022

10231023
Убедитесь, что каждая ветвь `case` **копирует все существующие поля**, когда возвращает новое состояние:
10241024

@@ -1038,7 +1038,7 @@ function reducer(state, action) {
10381038

10391039
---
10401040

1041-
### Все состояние моего редьюсера становится неопределённым после диспетчеризации {/*my-entire-reducer-state-becomes-undefined-after-dispatching*/}
1041+
### Все состояние моего редюсера становится неопределённым после диспетчеризации {/*my-entire-reducer-state-becomes-undefined-after-dispatching*/}
10421042

10431043
Если ваше состояние неожиданно становится `undefined`, скорее всего, вы забыли `возвратить` состояние в одном из случаев, или ваш тип действия не соответствует ни одному из утверждений `case`. Чтобы выяснить причину, выбросьте ошибку вне `case`:
10441044

@@ -1079,13 +1079,13 @@ return <button onClick={(e) => handleClick(e)}>Click me</button>
10791079

10801080
---
10811081

1082-
### Моя функция редьюсера или инициализатора выполняется дважды {/*my-reducer-or-initializer-function-runs-twice*/}
1082+
### Моя функция редюсера или инициализатора выполняется дважды {/*my-reducer-or-initializer-function-runs-twice*/}
10831083

10841084
В [строгом режиме](/reference/react/StrictMode) React будет вызывать ваши функции, редюсер и инициализатор, дважды. Это не должно сломать ваш код.
10851085

10861086
Это поведение справедливо только для **режима разработки** и помогает вам [поддерживать чистоту компонентов.](/learn/keeping-components-pure) React использует результат одного из вызовов и игнорирует результат другого вызова. Пока ваши функции компонента, инициализатора и редюсера чисты, это не должно влиять на вашу логику. Однако если они случайно оказались нечистыми, это поможет вам заметить ошибки.
10871087

1088-
Например, эта нечистая функция редьюсера изменяет массив состояния напрямую:
1088+
Например, эта нечистая функция редюсера изменяет массив состояния напрямую:
10891089

10901090
```js {4-6}
10911091
function reducer(state, action) {
@@ -1119,6 +1119,6 @@ function reducer(state, action) {
11191119
}
11201120
```
11211121

1122-
Теперь, когда функция редьюсера является чистой, её повторный вызов не изменит поведение. Вот почему двойной вызов в React помогает найти ошибки. **Только функции компонента, инициализатора и редьюсера должны быть чистыми.** Обработчики событий не должны быть чистыми, поэтому React никогда не будет вызывать обработчики событий дважды.
1122+
Теперь, когда функция редюсера является чистой, её повторный вызов не изменит поведение. Вот почему двойной вызов в React помогает найти ошибки. **Только функции компонента, инициализатора и редюсера должны быть чистыми.** Обработчики событий не должны быть чистыми, поэтому React никогда не будет вызывать обработчики событий дважды.
11231123

11241124
Прочитайте про [сохранение чистоты компонентов,](/learn/keeping-components-pure) чтобы узнать больше.

0 commit comments

Comments
 (0)