如果访问器是函数，如何在 react-table 中 search/filter

Question

在 React-table 中，我有一个 accessor 作为函数。我正在使用 useFilter 过滤数据，但它总是 returns 一个空数组。

示例 Link：https://codesandbox.io/s/admiring-surf-78uz4

Answer 1

我认为您误解了 accessor 应该做什么。您正在返回一个 React Element/JSX，并且根据 docs，

The data returned by an accessor should be primitive and sortable.

要将第一个单元格呈现为 link，请将 accessor 更改为“firstName”，然后像这样修改 tbody 中的 tr：

<tr {...row.getRowProps()}>
  {row.cells.map((cell, i) => {
    const renderedCell = cell.render("Cell");
    return (
      <td {...cell.getCellProps()}>
        {i ? renderedCell : <a href="#">{renderedCell}</a>}
      </td>
    );
  })}
</tr>

如果访问器是函数，如何在 react-table 中 search/filter

How to search/filter in react-table, if the accessor was the function

reactjs

react-table