Ant-Design中Table组件rowSelection方法的一些坑

<Table rowSelection={rowSelection} columns={columns} dataSource={data} />

在 <Table/> 组件中有 rowSelection={rowSelection} 方法，可以让Table的第一列成为联动的选择框。

API中说到通过 rowSelection.selectedRowKeys 来控制选中项。比较坑的是，selectedRowKeys 控制的只是dataSource当前的顺序编号。

一定要加上rowKey="id"或者rowKey={record => record.id}，后来经过多次调试发现很多BUG都跟这个参数有关，不然会导致联动的选择框状态异常。id可以自定义为dataSource中的某个值。

         <Table
              rowSelection={rowSelection}
              columns={this.state.columns}
              rowKey={(record) => record.courseId}
              dataSource={this.state.courseList}
              loading={this.state.loading}
              pagination={{
                defaultPageSize: this.state.limit,
                current: this.state.page,
                total: this.state.totalCount,
                onChange: this.pageChange.bind(this)
              }}/>