Size: a a a

React — русскоговорящее сообщество

2020 November 26

BB

Bugs Bunny in React — русскоговорящее сообщество
VolanDeVovan
Есть вопрос как правильно реализовать логику отключения кнопки

Берется массив из стора на основе которого генерится список и по клику кнопки которая генерится из этого списка мне надо ее отключать

Вариант добавления поля enabled/disabled в сам массив из стора не подходит

Какое решение самое правильное ? Создавать useState массив в котором хранить айдишки выключенных кнопок или что?
храни дополнительный объект
{ [id: string]: boolean }
источник

S

Stanislav in React — русскоговорящее сообщество
Stanislav
я имел ввиду тонкости, то как они ее решают, с какими ограничениями или последствиями под конкретные кейсы
просто лень было сразу все свое мнение вываливать
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Stanislav
я имел ввиду тонкости, то как они ее решают, с какими ограничениями или последствиями под конкретные кейсы
Так это уже способы достижения одной и той же цели, вот как раз чем лучше способ тем лучше инструмент
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
VolanDeVovan
Есть вопрос как правильно реализовать логику отключения кнопки

Берется массив из стора на основе которого генерится список и по клику кнопки которая генерится из этого списка мне надо ее отключать

Вариант добавления поля enabled/disabled в сам массив из стора не подходит

Какое решение самое правильное ? Создавать useState массив в котором хранить айдишки выключенных кнопок или что?
массив обходить нужно будет каждую итерацию для проверки enabled/disabled. из объекта по индексу можно вытащить
источник

V

VolanDeVovan in React — русскоговорящее сообщество
а есть какой то вариант через рефы сделать? Просто это выглядит по идеи по лучше
источник

S

Stanislav in React — русскоговорящее сообщество
Dmitriy Shuleshov
Так это уже способы достижения одной и той же цели, вот как раз чем лучше способ тем лучше инструмент
но вы ведь согласитесь со мной что это вкусовщина, и кому-то правда нравится куча бойлерплейта в редаксе?)
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
VolanDeVovan
а есть какой то вариант через рефы сделать? Просто это выглядит по идеи по лучше
с рефами не реактивненько
источник

V

VolanDeVovan in React — русскоговорящее сообщество
чтоб внутри map() где я генерю кнопку я на onClick'e мог обращаться к кнопке
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
ну как вариант. сложнее немного. тогда нужно будет массив рефов с кнопками или аттрибуты, чтобы делать поиск через querySelector
источник

S

Stanislav in React — русскоговорящее сообщество
Dmitriy Shuleshov
Так это уже способы достижения одной и той же цели, вот как раз чем лучше способ тем лучше инструмент
я могу найти лучший инструмент для себя, но я не всегда определяю стек, с этого стоило начать.
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Stanislav
но вы ведь согласитесь со мной что это вкусовщина, и кому-то правда нравится куча бойлерплейта в редаксе?)
Я согласен что кому нравится, но есть люди которым нравится когда из связывают и бьют... Думаю есть более обьективные критерии чем мнение чье бы оно ни было. Например
- количество бойлер плейта
- гибкость построенной системы с помощью СМ
- фреймворк агностик
- независимость от сомнительных языковых концептов (это я про мобкс)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Stanislav
я могу найти лучший инструмент для себя, но я не всегда определяю стек, с этого стоило начать.
А кто определяет стек?
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
VolanDeVovan
чтоб внутри map() где я генерю кнопку я на onClick'e мог обращаться к кнопке
можно объект рефов, чтобы стучаться по refs.current[id].setAttribute('disabled, 'disabled')
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
VolanDeVovan
чтоб внутри map() где я генерю кнопку я на onClick'e мог обращаться к кнопке
ну то же самое можно с индексами сделать в целом
источник

Е

Евочка Белинская... in React — русскоговорящее сообщество
Подскажите,как добавить кнопки к каждому элементу списка?)
Примерно такая структура проекта и список)
источник

Е

Евочка Белинская... in React — русскоговорящее сообщество
источник

Е

Евочка Белинская... in React — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Евочка Белинская
Подскажите,как добавить кнопки к каждому элементу списка?)
Примерно такая структура проекта и список)
Как вы пробовали это делать ? Покажите
источник

Е

Евочка Белинская... in React — русскоговорящее сообщество
источник

Е

Евочка Белинская... in React — русскоговорящее сообщество
Вот это пока весь код)
Ещё не знаю как сделать (
источник