Помогите разобраться, мне нужно по клику добавлять класс, элементов может быть несколько, чтобы по клику на текущий элемент класс добавлялся, а с другого снимался. Я в JS новичок
Внешний компонент
<CardsContainerInner>
{cardsMock.cards.map(card =>
<CardsItem key={card.key} card={card} item={this.props.item}
active={this.state.active}/>
)}
Внутренний
handleClick = () =>{
this.setState({
clicked: !this.state.clicked
})
}
render() {
return <CardItem className={classnames({
'selected': this.state.clicked
})}
onClick={this.handleClick}
></CardItem>
}