0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: react, формы, поли ввода</p>
1
<p>Теги: react, формы, поли ввода</p>
2
<p>Если нам надо обеспечить обработку нескольких контролируемых элементов<strong>input</strong>, мы можем добавить<strong>name</strong>-атрибут на каждый элемент, позволив функции-обработчику выбрать, что конкретно делать с учетом значения event.target.name. Рассмотрим соответствующий пример:</p>
2
<p>Если нам надо обеспечить обработку нескольких контролируемых элементов<strong>input</strong>, мы можем добавить<strong>name</strong>-атрибут на каждый элемент, позволив функции-обработчику выбрать, что конкретно делать с учетом значения event.target.name. Рассмотрим соответствующий пример:</p>
3
<p>На что тут важно обратить внимание? На то, что мы задействовали синтаксис вычисляемого имени свойства из ES6, что было сделано в целях обновления ключа состояния, соответствующего конкретному и определенному имени поля ввода:</p>
3
<p>На что тут важно обратить внимание? На то, что мы задействовали синтаксис вычисляемого имени свойства из ES6, что было сделано в целях обновления ключа состояния, соответствующего конкретному и определенному имени поля ввода:</p>
4
<p>Что, в принципе, эквивалентно нижеследующему коду в ES5:</p>
4
<p>Что, в принципе, эквивалентно нижеследующему коду в ES5:</p>
5
<p>Также следует добавить, что раз setState() автоматически объединяет частичное состояние в состояние текущее, то нам следует лишь вызвать его с измененными частями.</p>
5
<p>Также следует добавить, что раз setState() автоматически объединяет частичное состояние в состояние текущее, то нам следует лишь вызвать его с измененными частями.</p>
6
<p><em>По материалам https://ru.react.js.org/.</em></p>
6
<p><em>По материалам https://ru.react.js.org/.</em></p>
7
7