如何从antd表中获取特定数据答案

【问题标题】：how to get a specific data from antd table如何从antd表中获取特定数据
【发布时间】：2020-06-23 17:32:45
【问题描述】：

我试图从antd 表中获取特定数据，假设我试图从antd 表中获取一个人的姓名，这是我创建onClick 函数的方式点击表格内指定行的任意位置

<Table
          columns={this.props.columns}
          dataSource={this.state.dataSource}
          onRow={(r) => ({
            onClick: this.showDetailUser
          })}
          loading={this.state.loading}
          footer={this.props.footer}
        />

我想从行内点击的单元格中打印一个人的名字（不是点击的名字），所以我可以点击单元格内的任何地方并且仍然得到这个人的名字，这个方法确实有效，我可以到处点击，函数调用成功，但我找不到获取数据的方法

任何帮助都会得到帮助，谢谢

【问题讨论】：

标签： reactjs antd

【解决方案1】：

我猜你必须渲染你自己的表格行/列。 Official Antd Table 上的文档显示了一些示例。您必须在行/单元格上添加一个 onClick 侦听器。

（摘自docs）

<Table dataSource={data}>
    <ColumnGroup title="Name">
      <Column title="First Name" dataIndex="firstName" key="firstName" />
      <Column title="Last Name" dataIndex="lastName" key="lastName" />
    </ColumnGroup>
    <Column title="Age" dataIndex="age" key="age" />
    <Column title="Address" dataIndex="address" key="address" />
    <Column
      title="Tags"
      dataIndex="tags"
      key="tags"
      render={tags => (
        <>
          {/*Here you should add your click handler*/}
          {tags.map(tag => (
            <Tag onClick={} color="blue" key={tag}>
              {tag}
            </Tag>
          ))}
        </>
      )}
    />
    <Column
      title="Action"
      key="action"
      render={(text, record) => (
        {/*Here you should add your click handler*/}
        <Space onClick={} size="middle">
          <a>Invite {record.lastName}</a>
          <a>Delete</a>
        </Space>
      )}
    />
  </Table>

（代码未测试）

【讨论】：