可以使用 React 的 useRef 钩子来获取当前状态变量的引用。然后,在 Ag grid 的 onCellEditingStopped 生命周期方法中,可以更新当前状态变量的值。
示例代码如下:
import React, { useState, useRef } from "react";
import { AgGridReact } from "ag-grid-react";
const MyGrid = () => {
const [data, setData] = useState([]);
const currentData = useRef(data);
const onCellEditingStopped = (params) => {
// Update currentData value
currentData.current = params.api.getData();
};
const onButtonClick = () => {
// Access currentData value
console.log(currentData.current);
};
return (
{/* column definitions */}
);
};
在上面的示例中,我们创建了一个名为 currentData 的引用,它初始值为 data 状态变量的当前值。然后,在 onCellEditingStopped 生命周期方法中,我们将 currentData 的值更新为 Ag grid 的当前数据。最后,在按钮的点击事件处理程序中,我们可以访问 currentData 的当前值。