Ant design table实现单选和点击行选中

实现单选

Antd table实现单选非常方便只需要在rowSelection属性里添加type: radio即可。

实现点击行选中

需要用到onRow属性


在onClick事件里面手动设置selectRowKey，跟Table onChange事件一样

onRow={(record) => ({
	onClick: () => {
		console.log(record)
		setSelectedRowKeys([record.docId])
	}
})}
1
2
3
4
5
6

要注意的是selectRowKeys是一个数组，赋值的时候需要变成数组

完整配置如下：