ant design react table 复选框默认值设置

首先在 table 复选框需要在table 里加上rowSelection

<Table
bordered={true}
loading={false}
dataSource={treeData}
columns={this.columns}
pagination={false}
rowKey='pkResource'
rowSelection={rowSelections}
/>

rowSelections 里面设置selectedRowKeys 就是默认要选中的key值,这里是数组比如['1','2'] 。这里需要注意如果使用了selectedRowKeys,在onChange里就要更新selectedRowKeys 的值;不然点击复选框是不会改变的,因为默认值写死了;如果table写在子组件里,而默认值是在父组件传过来的,那么 rowSelections 也应该在父组件里写,然后传给子组件(在父组件里记得生命userSelected:[])

  const rowSelections = {
    selectedRowKeys: userSelected.map(item => item.pkUser),
    columnWidth: 40,
    onChange:(selectedRowKeys, selectedRows) => {
        console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
        this.setState({ userSelected:selectedRows })
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容