javascript - 访问 React Table 中的过滤数据时出错

Question

我正在尝试使用上面的代码，但在构建过程中出现错误，提示 this.selectTable 为 null。

有人可以帮我解决这个问题吗？我遵循这个逻辑 - Access filtered data in ReactTable

  <ReactTableComponent
    ref={this.reactTable}
    className="polls-table"
    defaultPageSize={10}
    getTrProps={(_, rowInfo = {}) => {
      let { index = 0 } = rowInfo;
      return {
        style: {
          background: index % 2 ? "#fafafa" : "#FFFFFF"
        }
      };
    }}
    columns={columns}
    data={polls}
  />
  <Button
    color="primary"
    type="button"
    onClick={download(this.reactTable.current.getResolvedState())}
  >
    Download
    {/* <CSVLink data={myFunction(this.selectTable.getResolvedState())} filename="polls.csv">Export to CSV</CSVLink> */}
  </Button>
</Paper>;

Answer 1

这一行有问题:

onClick={download(this.reactTable.current.getResolvedState())}

现在发生的是 JS 立即运行您的代码来计算 onClick 处理程序。仅仅因为第一次运行时的 ref 为空，就会发生错误。你应该拥有的是这样的:

onClick={() => {download(this.reactTable.current.getResolvedState())}}

您还可以添加条件来检查 this.reactTable.current 是否不 null