材料表 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}
    />)
  }