из них оно должно менять цвет на черный (будучи белым) и при этом все остальные должны переходить в белых кроме того на который нажали
Как правильнее все это реализовать?
Я сделал 10 стейтов и при клике передаю нужный стейт и перед этим мапом прохожусь (создал масив actions, actions = [setColor1, setColor2....]) и делаю все белым и потом уже по нужному стейту черным.
Как сделать по нормальному?
Мэпать слова, навешать онклик Добавить стейт с айдишкой Менять эту айди при клике И добавлять какие-то стили если выбран этот айди
10 стейтов не норм. Я бы сделал компонент с пропсами и в каждом компоненте был бы свой стейт. Получилось бы те же 10 стейтов, но без дублирования логики. Ну а если очень хочется сделать умный и тупой компонент, то сделал бы функцию сетстейт, которая через спред оператор возвращает каждый раз новый объект при изменении какого либо цвета по его номеру/айди Отрисовка этих компонентов в таком случае делалась бычерез Object.values() или entries()
Обсуждают сегодня