169 похожих чатов

Если у меня много checkbox например не 2 как тут

а 10, можно как то сократить функции для чистоты? или писать 10 функций разных?

12 ответов

20 просмотров

Как вариант, в слушатель клика: () => setCheckedNum(!checkedNum);

Kiki- Автор вопроса
HohloCit
Как вариант, в слушатель клика: () => setCheckedNu...

хм, у каждого чекбокса должен же быть уникальный идентификатор

Kiki
хм, у каждого чекбокса должен же быть уникальный и...

Поэтому я написал Num В каждом вызове ставишь нужный номер Если я правильно понял необходимость твою, то этот вариант тебе вполне подойдёт

Kiki- Автор вопроса
HohloCit
Поэтому я написал Num В каждом вызове ставишь нужн...

я понял что ты имеешь ввиду, понял про номер. но пока не понимаю как реализовать это. Вот верстка в который сейчас так же 2 чекбокса. будет 10 например

Kiki- Автор вопроса
HohloCit
Поэтому я написал Num В каждом вызове ставишь нужн...

то есть value у всех уникальный будет точно.

Kiki
я понял что ты имеешь ввиду, понял про номер. но п...

onChange={() => setCheckedOne(!checkedOne)} в первый И по аналогии дальше с Two и прочим

Kiki- Автор вопроса
HohloCit
onChange={() => setCheckedOne(!checkedOne)} в перв...

это понятно. тут я тоже напишу 10 функций и каждая будет проверять, но вопрос в том как сократить и записать все в одну функцию

Kiki- Автор вопроса
HohloCit
onChange={() => setCheckedOne(!checkedOne)} в перв...

Поэтому я написал Num В каждом вызове ставишь нужный номер я вот тут не пойму куда Num ставить если у всех уникальный номер

Kiki
это понятно. тут я тоже напишу 10 функций и каждая...

const [checked, setChecked] = useState({ one: true, two:false....}) А при клике передаешь номер кого изменить и ставишь обратное значение

Kiki- Автор вопроса
HohloCit
const [checked, setChecked] = useState({ one: true...

аааааа! окей! теперь понял! сейчас попробую, спасибо!

Kiki- Автор вопроса
HohloCit
const [checked, setChecked] = useState({ one: true...

Да все работает! const handleChangeOne = (one, two) => { setChecked(!one); setChecked(!two); };

Kiki- Автор вопроса
HohloCit
const [checked, setChecked] = useState({ one: true...

Да все работает! 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>

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Я вот подумал. SSE выполняет операции максимум с 64-битной точностью. А FPU - всегда с 80-битной. Разве не должно быть FPU точнее тогда?
The Bird of Hermes
13
как быть с принтером? такой подход прокатит?
zamtmn
12
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Я не понимаю, это троллинг или что? Швабрика поддерживают, который буквально пишет на ассемблере взаимодействия с винапи. Я это ещё написал загрузчик и хоть что-то изучаю в о...
Shadow Akira
6
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Привет. Подскажите, как правильно сматчить лист фиксированного размера, чтобы компилятор не говорил мне о неполном паттерне? Допустим что-то такое [x', y'] = sort [x, y]?
Arseny
8
Карта сайта