@qfrontend

Как сделать нажатую кнопку активной, а другие не активными в React/Redux?

Приветствую) На странице несколько кнопок. Как при нажатии на кнопку сделать её активной (т.е добавить ей класс "active"). А другие кнопки сделать не активными (т.е удалить у них класс "active")? Через setState при нажатии добавляется класс "active", но у ранее нажатых кнопок как его удалить? Может через Redux как то?
  • Вопрос задан
  • 2464 просмотра
Решения вопроса 1
vicodin
@vicodin
Имею некоторый опыт
state = {
  activeBtnId = 'button1'
}

....

<button onClick={() => this.setState({activeBtnId: 'button2'})} className={this.state.activeBtnId === 'button2' ? 'active' : null}/>


Суть ^
Код можно причесать и оптимизировать
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы