React中的全选反选问题

全选反选问题

1.在state里维护一个数组，例如showArr:[]

2.绑定点击事件的时候将当前这个当选按钮的index加进来

<span className='arrow' onClick={this.showInfo.bind(this,showID)}></span>

3.点击事件showInfo

showInfo(rowID){
    let rowArr =this.state.rowArr
    rowArr[rowID] =!rowArr[rowID]
    this.setState({
      rowArr
    })
}

最后，就可以快乐的渲染了

<ShowIngo hei={this.state.rowArr[rowID]} /> 
//当前这个为true就显示，为false就不显示，丝毫不影响其他兄弟，是不是美滋滋

转载于:https://www.cnblogs.com/bai1218/p/10023077.html