reactjs - 如何应用 React Table initialState.filters

Question

我正在尝试根据传递给 useTable 的默认值来过滤 react 表。所以，我已经将一个包含 id 和值的 json 数组传递给 useTable，但它没有应用到表中。事实上，InitialState.filters 只是第一次工作，但在更改 filterData 后，它不再应用

    const {
    .....
    preGlobalFilteredRows,
    setGlobalFilter,
    setAllFilters,
    state: { pageIndex, pageSize, globalFilter },
  } = useTable(
    {
      columns,
      data,
      defaultColumn,
      ...
      autoResetSelectedRows: !skipReset,
      disableMultiSort: true,
      **initialState: {
        pageSize: 10,
        filters: filterData,
      },**
    },
    useFilters,
    useGroupBy,
    useGlobalFilter,
    useSortBy,
    ....,
     
  );

filterData = [{id: "empId", value: "332697"}]但它不适用于渲染后的表格。是否需要进行其他更改才能应用默认过滤？

Answer 1

我可以弄清楚如何在更改 filterData 后过滤表。首先，注意到 initialState.filters 只在第一次渲染表格时起作用。其次，我必须使用 setAllFilter 来应用我的自定义过滤器

     useEffect(() => {
    if (filterData?.length > 0) {
      setAllFilters(filterData);
    }
  }, [filterData, setAllFilters]);