代码之家  ›  专栏  ›  技术社区  ›  Arup Rakshit

如何检查react表作为参数发送给filter函数的数据?

  •  0
  • Arup Rakshit  · 技术社区  · 5 年前

    我在看 filtering example 从反应表筛选表记录。我想看看在下面的过滤函数中接收到的数据结构。但是我的 console.log(.. 不到浏览器控制台。如何检查?根据文档,它应该调用text函数,但很可能不调用。

    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;
            });
          }
        }),
        []
      );
    
    //.....
    

    实例 sandbox .

    1 回复  |  直到 5 年前
        1
  •  2
  •   Aykut Burak SAFAK    5 年前

    React的useMemo钩子返回回调函数返回对象的一个记忆版本。它不做任何其他事情。 文本 函数不会被执行,所以你看不到控制台。日志另一点是你给useMemo一个空的依赖列表。这意味着你的记忆对象永远不会更新,它可能会不同步。