@sylvester
Чтобы добавить checkbox в React, вы можете использовать тег input
с типом checkbox
. Вот пример того, как это может выглядеть:
1 2 3 4 5 6 7 8 9 10 11 12 |
import React from 'react'; function CheckboxExample() { return ( <label> <input type="checkbox" /> Выберите меня </label> ); } export default CheckboxExample; |
Этот код создает форму с checkbox, которую можно выбрать или снять с выбора.
Чтобы сохранить состояние checkbox, вы также можете использовать состояние компонента React. Например, вы можете создать состояние isChecked
, которое будет хранить текущее состояние checkbox, и обновлять его, когда пользователь выбирает или снимает checkbox с выбора. Вот пример того, как это может выглядеть:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
import React, { useState } from 'react'; function CheckboxExample() { const [isChecked, setIsChecked] = useState(false); function handleChange(event) { setIsChecked(event.target.checked); } return ( <label> <input type="checkbox" checked={isChecked} onChange={handleChange} /> Выберите меня </label> ); } export default CheckboxExample; |
В этом примере функция handleChange
срабатывает каждый раз, ког