美文网首页
ant rowSelection 分页选择刷新 (useStat

ant rowSelection 分页选择刷新 (useStat

作者: NanaCti | 来源:发表于2020-04-10 21:00 被阅读0次

useState

  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
  const [selectedRows, setSelectedRows] = useState([]);

table的 props

    ...
    rowKey: record => { 
      return record.key // or record.id
    },
    rowSelection: {
      selectedRowKeys: selectedRowKeys,
      onChange: (selectedRowKeys, selectedRows) => {
        setSelectedRowKeys(selectedRowKeys);
        setSelectedRows(selectedRows);
      }
    },
    ...

分页时候的onChange

onChang: ( ) => {
  ...
  setSelectedRowKeys([ ]);
  setSelectedRows([ ]);
}

点击切换分页的时候 不会触发rowSelection的onChange , 需要在分页的时候设置清空
rowKey 不可缺少 需要给每一行都设置不同的key

相关文章

网友评论

      本文标题:ant rowSelection 分页选择刷新 (useStat

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