Antd Table无法选择&多选问题
2021-03-07 本文已影响0人
Piszz
Antd Table无法选择&多选问题
- 根据antd table 可选择案例,发现点击任意元素都会变成全选,或者取消全选,无法单个选择。
- 原因dataSource 里面没有key属性,需要给Table 添加 rowKey="id"
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
const rowSelection = {
selectedRowKeys,
onChange(keys) {
setSelectedRowKeys(keys);
},
};
const columns = [ {...省略} ];
const dataSoure = [{ id, name... }]
render () {
return <Table rowSelection={rowSelection} columns={columns} dataSource={dataSoure}/>
}
``` jsx
- 简单记录一下问题