material-table tableRef.current 值仍未定义

Question

我需要过滤 MaterialTable 组件上的数据并获取包含过滤数据的数组的大小。我尝试使用 tableRef，但下面的代码总是输出 current: undefined。我该如何解决这个问题

export default function TableComponent({ tableData }) {
  const tableRef = useRef();
  const [rows, setRows] = useState([...tableData]);

  

  return (
        <MaterialTable
        tableRef={tableRef}
        ...
        onFilterChange={(e) => {
          console.log(tableRef);
        }}
        data={tableData}
    />)
}

Answer 1

解决方案相当简单，只需使用 ref 而不是 tableRef，如下所示：

  export default function TableComponent({ tableData }) {
  const tableRef = useRef();

  ...

  return (
        <MaterialTable
        ref={tableRef}
        ...
        onFilterChange={(e) => {
          console.log(tableRef);
        }}
        data={tableData}
    />)
  }

material-table tableRef.current 值仍未定义

material-table tableRef.current value remains undefined

reactjs

material-table