react 、table中复选框多个只能选择一个

常威在打来福~

于 2021-10-13 15:52:19 发布

阅读量906

点赞数

分类专栏：暴走的react 文章标签： javascript react.js

本文链接：https://blog.youkuaiyun.com/weixin_41166682/article/details/120745595

版权

暴走的react 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何在表格组件中实现选中项（setKey）和选中值（selectRow）的动态切换，当用户双击或单击时，状态会相应地更新。这在数据表格的交互设计中常见于数据筛选或编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Table rowSelection={{
  columnTitle: ' ',
  selectedRowKeys: [this.state.setKey],
  onChange: (selectedRowKeys, selectedRows) => {
    this.setState({
      setKey: selectedRowKeys.length === 2 ? selectedRowKeys[1] : selectedRowKeys[0],
      selectRow: selectedRows.length === 2 ? selectedRows[1] : selectedRows[0]
    })
  },
}} columns={columns} dataSource={this.state.data} />