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

Question

就是下面这个，最开始点击1，然后在点击2，然后在点击2说一下大概具体思路就行，当然有代码更好，这个列表是遍历出来的- -

Answer 1

import classNames from 'classnames';

constructor(props) {

    super(props);

    this.state = {

      ...

      index: 0,

    };

}

handleClick (index) {

  // toggle效果你可以先判定是否等同，然后设置为-1

  this.setState({index});

}

render() {

  some.map((item ,idx) => {

    return (

      <li className={ classNames({active: idx === this.state.index}) } onClick={ this.handleClick.bind(this, idx) }></li>

    )

  })

}