reactjs - React-Table 获取特定行的数据

标签 reactjs react-table

我是 react 新手。 我使用 react 表来显示我拥有的数据。现在我需要从表中获取特定数据,假设名称来 self 拥有的最后一个 viewIndex 值。我该怎么做?我想要在分页时获得最后一行数据,即所有页面中的数据;

<ReactTable
              columns={columns}
              data={this.state.users}
              defaultPageSize={3}
              className="-striped -highlight"
              sortable={false}
              resizable={false}
              style={{
                textAlign: "center"
              }}


            />

最佳答案

您可以从列中获取viewIndex。

const columns = [
 {
    Header: 'Name',
    accessor: 'name',
    Cell: e => {
      console.log(e) // viewIndex here
      return e.original.name
    }
]

之后,您可以按索引或名称过滤 this.state.users。

关于reactjs - React-Table 获取特定行的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54627995/

相关文章:

reactjs - react /Redux : Events - state of the art

reactjs - 使用 Flux 进行乐观更新(异步)

css - 如何在不单击的情况下在 React 中获取 event.target

javascript - 将 Firestore 数据检索 react 到数组中不起作用

reactjs - 无法将 firebase 导入到react.js 项目中。 "Module not found: Error: Package path . is not exported from package"

javascript - react-table 在行单击上添加引用

css - 如何在react-table中添加淡入淡出效果?

javascript - 给定来自 API 的 JSON 数据,在 React 中动态呈现数据网格/表格

javascript - 列上的默认过滤器值

reactjs - 如何在单击图标时将下拉列表添加到 react 表