How to make clicked button active and others not active in React/Redux?

Question

React

Greetings) There are several buttons on the page. How to make the button active when clicking on it (i.e. add the "active" class to it ). And make other buttons inactive (ie, remove their "active" class )? Through setState , when pressed, the "active" class is added , but how can I remove it from previously pressed buttons? Maybe through Redux like that?

Answer 1

state = {
  activeBtnId = 'button1'
}

....

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

Essence ^
The code can be combed and optimized