2

我知道这在 StackOverflow 上已被问过几次，但我之前的任何答案都没有为我工作。我正在寻找一个react-table组件，并允许用户下载当前呈现为 CSV 的过滤数据。我知道我react-csv以后需要使用，但现在我什至很难访问表中的数据。

我遇到的问题是如何正确引用 react-table 组件，因为它是一个功能组件。我总是收到控制台警告：

函数组件不能被赋予 refs。尝试访问此 ref 将失败。你的意思是使用 React.forwardRef() 吗？

这是使用类似于此答案的实现。我也试过这个答案中的方法。

我的代码如下所示：我正在对表格使用条件渲染，返回表格的函数是：

showDataTable = () => {
// show data table if data is loaded only
    if (this.state.dataLoaded) {
        return(
            <DataTableV2
                data={this.state.data}
                columns={columns}
                ref={this.reactTable}
                />
        )
    }
}

this.reactTable目前是reactTable = React.createRef();在我的课堂上创建的。我也试过

<ReactTable
  ref={(r) => {
    this.selectTable = r;
  }}
  ...
/>

现在我只想能够控制台记录数据，以便我知道我可以访问它，我正在使用console.log(this.selectTable.getResolvedState().sortedData).

这些都不起作用 - 有人可以帮忙吗？

4

0 回答 0