Skip to content

Commit ffb963c

Browse files
committed
Fix grammatical errors
1 parent 3763a0f commit ffb963c

File tree

1 file changed

+5
-5
lines changed
  • src/content/reference/react-dom/components

1 file changed

+5
-5
lines changed

src/content/reference/react-dom/components/select.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -36,15 +36,15 @@ title: "<select>"
3636

3737
#### Пропсы {/*props*/}
3838

39-
`<select>` поддерживает все [пропсы общих HTML-элементов.](/reference/react-dom/components/common#props)
39+
`<select>` поддерживает все [общие пропсы HTML-элементов.](/reference/react-dom/components/common#props)
4040

4141
Можно сделать [поле выбора управляемым](#controlling-a-select-box-with-a-state-variable), передав проп `value`:
4242

4343
* `value`: строка (или массив строк для [`multiple={true}`](#enabling-multiple-selection)). Управляет выбранным вариантом. Значение каждой строки `value` соответствует некоторому `<option>`, вложенному в `<select>`.
4444

4545
При передаче `value`, также необходимо передать обработчик `onChange`, который будет отвечать за обновление переданного значения.
4646

47-
Если `<select>` является неуправляемым, то нужно передать проп `defaultValue`:
47+
Если не передать `value`, то `<select>` считается неуправляемым, и нужно использовать проп `defaultValue`:
4848

4949
* `defaultValue`: строка (или массив строк для [`multiple={true}`](#enabling-multiple-selection)). Указывает [значение по умолчанию.](#providing-an-initially-selected-option)
5050

@@ -71,7 +71,7 @@ title: "<select>"
7171
- В отличие от HTML, передача атрибута `selected` в `<option>` не поддерживается. Вместо этого используется [`<select defaultValue>`](#providing-an-initially-selected-option) для неуправляемого поля выбора и [`<select value>`](#controlling-a-select-box-with-a-state-variable) для управляемого.
7272
- Если поле выбора принимает проп `value`, то оно будет [считаться управляемым.](#controlling-a-select-box-with-a-state-variable)
7373
- Поле выбора не может быть одновременно управляемым и неуправляемым.
74-
- Поле выбора не может переключаться между управляемым и неуправляемым состоянием в течении своего жизненного цикла.
74+
- Поле выбора не может переключаться между управляемым и неуправляемым состоянием в течение своего жизненного цикла.
7575
- Каждому управляемому полю выбора требуется обработчик событий `onChange`, который синхронно обновляет его исходное состояние.
7676

7777
---
@@ -109,7 +109,7 @@ select { margin: 5px; }
109109

110110
### Предоставление метки для поля выбора {/*providing-a-label-for-a-select-box*/}
111111

112-
Обычно, каждый `<select>` размещают внутри тега [`<label>`](https://developer.mozilla.org/ru/docs/Web/HTML/Element/label). Это сообщает браузеру, что данная метка связана с этим полем выбора. Когда пользователь нажмёт на метку, браузер автоматически установит фокус на поле выбора. Это также важно для доступности: когда пользовательский фокус будет на поле выбора, скринридер озвучит заголовок метки.
112+
Обычно каждый `<select>` размещают внутри тега [`<label>`](https://developer.mozilla.org/ru/docs/Web/HTML/Element/label). Это сообщает браузеру, что данная метка связана с этим полем выбора. Когда пользователь нажмёт на метку, браузер автоматически установит фокус на поле выбора. Это также важно для доступности: когда пользовательский фокус будет на поле выбора, скринридер озвучит заголовок метки.
113113

114114
Если вы не можете вложить `<select>` в `<label>`, то свяжите их, передав некоторый ID в `<select id>` и [`<label htmlFor>`.](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement/htmlFor) Чтобы избежать конфликтов между несколькими экземплярами одного компонента, сгенерируйте такой ID с помощью хука [`useId`.](/reference/react/useId)
115115

@@ -190,7 +190,7 @@ select { margin: 5px; }
190190

191191
### Включение множественного выбора {/*enabling-multiple-selection*/}
192192

193-
Чтобы пользователь мог выбрать несоклько вариантов, нужно передать `multiple={true}` в `<select>`. В этом случае, если также указать `defaultValue` для выбора вариантов по умолчанию, то это должен быть массив.
193+
Чтобы пользователь мог выбрать несколько вариантов, нужно передать `multiple={true}` в `<select>`. В этом случае, если также указать `defaultValue` для выбора вариантов по умолчанию, то это должен быть массив.
194194

195195
<Sandpack>
196196

0 commit comments

Comments
 (0)