React table v7 动态过滤/排序

如何解决React table v7 动态过滤/排序

我的反应表 v7 中有一个列过滤不起作用，因为访问器基于我的数据，我希望在我的 ColumnFilter 上输入它时仍然能够搜索“未批准” .只有当数据中的approvedBy为null时，not allowed值才会显示。

      {
        Header: 'Approved By',accessor: 'approvedBy.fname',Filter: ColumnFilter,disableSortBy: true,Cell: e => {
          return (
            <>
              {e.row.original.approvedBy ? (
                `${e.row.original.approvedBy.fname} ${e.row.original.approvedBy.lname}`
              ) : (
                <Tag colorScheme="red">Not Approved</Tag>
              )}
            </>
          );
        },},

这是我的列过滤器组件。

function GlobalFilter({ column }) {
  const { filterValue,setFilter } = column;
  return (
    <Box>
      <Input
        my="1rem"
        placeholder="Search"
        value={filterValue || ''}
        onChange={e => setFilter(e.target.value)}
      />
    </Box>
  );
}