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就不显示，丝毫不影响其他兄弟，是不是美滋滋
 

查看更多关于React中的全选反选问题的详细内容...