如何在Reactjs中的AntDesing表中添加复选框并获取数据？

Question

我有一个 Ant 表，如下

  <TableAnt dataSource={users} columns={Usercolumns}

我希望能够在每一行上放置一个复选框，并且只允许选择单行。 我希望用户能够单击一行并在单击按钮时使用该数据 我需要设置变量的状态吗？

我该怎么做？

Answer 1

请参阅 API 文档了解如何解决此问题，使用列配置中的渲染属性，您可以将任何内容放入表列中

const columns: ColumnProps<any>[] = [
    {
      title: "Name",
      dataIndex: "name",
      key: "name",
      render: (text, record, index) => <div><button>Click!</button></div>,
    }
]

https://ant.design/components/table#column