美文网首页
Antd Table无法选择&多选问题

Antd Table无法选择&多选问题

作者: Piszz | 来源:发表于2021-03-07 04:17 被阅读0次

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

- 简单记录一下问题

相关文章

网友评论

      本文标题:Antd Table无法选择&多选问题

      本文链接:https://www.haomeiwen.com/subject/fqeeqltx.html