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

Question

[qfrontend]

Приветствую) На странице несколько кнопок. Как при нажатии на кнопку сделать её активной (т.е добавить ей класс "active"). А другие кнопки сделать не активными (т.е удалить у них класс "active")? Через setState при нажатии добавляется класс "active", но у ранее нажатых кнопок как его удалить? Может через Redux как то?

Answer 1

[Anton Filippov]

state = {
  activeBtnId = 'button1'
}

....

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

Суть ^
Код можно причесать и оптимизировать