Если у меня 10 слов и при нажатии на одно

Question

Если у меня 10 слов и при нажатии на одно

из них оно должно менять цвет на черный (будучи белым) и при этом все остальные должны переходить в белых кроме того на который нажали

Как правильнее все это реализовать?

Я сделал 10 стейтов и при клике передаю нужный стейт и перед этим мапом прохожусь (создал масив actions, actions = [setColor1, setColor2....]) и делаю все белым и потом уже по нужному стейту черным.

Как сделать по нормальному?

#frontend #javascript #programming #react.js #russian

0

28.06.2022

2 ответов

4 просмотра

Alexey Shevchenko

10 стейтов не норм. Я бы сделал компонент с пропсами и в каждом компоненте был бы свой стейт. Получилось бы те же 10 стейтов, но без дублирования логики. Ну а если очень хочется сделать умный и тупой компонент, то сделал бы функцию сетстейт, которая через спред оператор возвращает каждый раз новый объект при изменении какого либо цвета по его номеру/айди Отрисовка этих компонентов в таком случае делалась бычерез Object.values() или entries()

0

28.06.2022

Asywe · Accepted Answer

Asywe

Мэпать слова, навешать онклик Добавить стейт с айдишкой Менять эту айди при клике И добавлять какие-то стили если выбран этот айди

0

28.06.2022

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

Если у меня 10 слов и при нажатии на одно

2 ответов

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