Javascript 如何检查react表将哪些数据作为参数发送给filter函数?

Javascript 如何检查react表将哪些数据作为参数发送给filter函数?,javascript,reactjs,react-table,Javascript,Reactjs,React Table,我在查看react表筛选器表记录。我希望看到在下面的过滤器函数中接收到的数据结构。但是我的console.log(..没有进入浏览器控制台。如何检查?根据文档,它应该调用文本函数,但可能没有调用 function Table({ columns, data }) { const filterTypes = React.useMemo( () => ({ // Add a new fuzzyTextFilterFn filter type. fuzzyTe

我在查看react表筛选器表记录。我希望看到在下面的过滤器函数中接收到的数据结构。但是我的
console.log(..
没有进入浏览器控制台。如何检查?根据文档,它应该调用文本函数,但可能没有调用

function Table({ columns, data }) {
  const filterTypes = React.useMemo(
    () => ({
      // Add a new fuzzyTextFilterFn filter type.
      fuzzyText: fuzzyTextFilterFn,
      // Or, override the default text filter to use
      // "startWith"
      text: (rows, id, filterValue) => {
        console.log(rows);
        return rows.filter((row) => {
          const rowValue = row.values[id];
          return rowValue !== undefined
            ? String(rowValue)
                .toLowerCase()
                .startsWith(String(filterValue).toLowerCase())
            : true;
        });
      }
    }),
    []
  );

//.....

示例。

React的useMemo钩子返回回调函数返回对象的一个备忘录版本。它不做任何其他事情。文本函数不会执行,因此您不会看到console.log。另一点是,您给useMemo一个空的依赖项列表。这意味着您的备忘录对象永远不会更新,并且它将不同步bably.

好的。我的观点是,当进行表搜索时,对象文本函数将根据文档进行调用,因此日志应该会出现。请检查我的sanbox。我知道它返回已记忆的对象,但对象有函数,所以它们可以被调用,对吗?哦,我明白了。如果您将行数减少到1000行或更多,它将显示在控制台中。我认为它不会出现在您的沙盒中,因为某些性能问题。嗯,在我的实际应用程序中,它也不会出现。。然后我访问了这个示例,看看它是否与这里相同。。因此,在减少数据量的同时,您能看到它吗?是的,我看到带有此沙盒的控制台;好的,在我的应用程序中,我看不到它。但数据较少时,它会出现在codesanbox中。是的。