react，怎么实现列表点击那一项样式改变，再次点击样式变成原先的样式，点击别的项，样式变到这一项上

Question

就是下面这个，最开始点击1，然后在点击2，然后在点击2

说一下大概具体思路就行，当然有代码更好，这个列表是遍历出来的- -

Answer 1

import classNames from 'classnames';constructor(props) {&nbsp; &nbsp; super(props);&nbsp; &nbsp; this.state = {&nbsp; &nbsp; &nbsp; ...&nbsp; &nbsp; &nbsp; index: 0,&nbsp; &nbsp; };}handleClick (index) {&nbsp; // toggle效果你可以先判定是否等同，然后设置为-1&nbsp; this.setState({index});}render() {&nbsp; some.map((item ,idx) => {&nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; <li className={ classNames({active: idx === this.state.index}) } onClick={ this.handleClick.bind(this, idx) }></li>&nbsp; &nbsp; )&nbsp; })}