а 10, можно как то сократить функции для чистоты? или писать 10 функций разных?
Как вариант, в слушатель клика: () => setCheckedNum(!checkedNum);
хм, у каждого чекбокса должен же быть уникальный идентификатор
Поэтому я написал Num В каждом вызове ставишь нужный номер Если я правильно понял необходимость твою, то этот вариант тебе вполне подойдёт
я понял что ты имеешь ввиду, понял про номер. но пока не понимаю как реализовать это. Вот верстка в который сейчас так же 2 чекбокса. будет 10 например
то есть value у всех уникальный будет точно.
onChange={() => setCheckedOne(!checkedOne)} в первый И по аналогии дальше с Two и прочим
это понятно. тут я тоже напишу 10 функций и каждая будет проверять, но вопрос в том как сократить и записать все в одну функцию
Поэтому я написал Num В каждом вызове ставишь нужный номер я вот тут не пойму куда Num ставить если у всех уникальный номер
const [checked, setChecked] = useState({ one: true, two:false....}) А при клике передаешь номер кого изменить и ставишь обратное значение
аааааа! окей! теперь понял! сейчас попробую, спасибо!
Да все работает! const handleChangeOne = (one, two) => { setChecked(!one); setChecked(!two); };
Да все работает! const [checked, setChecked] = useState({}) const handleChangeOne = (one, two) => { setChecked(!one); setChecked(!two); }; Верстка <label> <input type="checkbox" value={checked} onChange={e => setChecked(e.target.checked)} name='react'/>React </label>
Обсуждают сегодня