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

Подскажите, пожалуйста, как сделать лист кнопок, которые можно делать disabled.

Т.е есть массив с кнопками, которые я отображаю. Как мне лучше реализовать disabled при ее нажатии?
Я пробовал менять переменную в массиве, но это не помогает, потому что нужно каким-то образом ререндерить, а setVar не помогает, потому что сам массив не изменился.

7 ответов

9 просмотров

в объект кнопки добавить поле disabled = true/false, при нажатии менять его на true. и к кнопке добавить disabled={button.disabled}

Sasha-Khomin 🇺🇦 Автор вопроса
Alexandr Sachyshyn
в объект кнопки добавить поле disabled = true/fals...

{topics.map((item, pos) => { return ( <Button key={item.id} onClick={() => { const t = topics; t[pos].disabled = !topics[pos].disabled; setTopics(t); }} disabled={item.disabled}>{item.name}</Button> ); })} Так не работает, потому что ререндер не происходит

Alexandr Sachyshyn
в объект кнопки добавить поле disabled = true/fals...

кнопке добавить value или id, при нажатии возвращать копию массива с измененным состоянием disabled у кнопки с данным value/id

Sasha Khomin 🇺🇦
{topics.map((item, pos) => { ...

ты здесь копируешь ссылку а не массив const t = topics;

Sasha Khomin 🇺🇦
{topics.map((item, pos) => { ...

поменяй на const t = [...topics];

Sasha-Khomin 🇺🇦 Автор вопроса
artem sdobnikov
ты здесь копируешь ссылку а не массив const t = to...

const t = [...topics]; Поменял на копию, теперь работает. Спасибо за ответы! :)

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

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

Типа вызывать GetParent и проверять на соответствие GetModuleHandle?
The Bird of Hermes
67
Всем привет! Кто нибудь парсил в ручную JSON без библиотек и фреймворков? Есть может ссылки на оптимальный алгоритмы работы с текстом и примеры таких парсеров?
Lem
27
Do any of you guys have interesting projects one could join? I'm a Middle Full-Stack developer (JS/TS, React & Node)
Lev Shapiro
40
Есть сайт. Там была древняя версия эво. Стоял плагин, который каждый коммент в Jot делал отдельной страницей. После обновления все слетело, теперь старница открывается отдельн...
Artem
1
$res = json_decode($наша строка из респонса); $res1 = array_map(fn($o) => $o->name, $res->breadcrumbs[0]->entities); Как такое будет на Хаскеле?.. В начале весь джейсон, в ко...
Хаскель Моисеевич Гопник
27
Вопрос по диагностике ошибок (я знаю в чем, в данном конкретном примере, я знаю, как исправить, пример модельный, понятно, что в реальности бывает намного запутаннее). module...
ⰄⰎⰋⰐⰐⰑⰛⰤⰧⰧⰩⰄ ⰊⰑⰁⰓⰡⰛⰦⰕⰫ
11
А чем вам питонисты не угодили?😂
.
79
В чем сила брат, в NASM или FASM?
Isaac Kleiner
18
Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
52
Приветствую всех. Хочу начать изучать код для программирования микроконтроллеров и не пойму с чего начать. То ли с Си, то ли с плюсов. Чем языки вообще различаются. С чего мож...
Андрей
7
Карта сайта