1. 程式人生 > >React中的全選反選問題

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就不顯示,絲毫不影響其他兄弟,是不是美滋滋