useRef 在 React 的 ag-grid 中创建一个 cellEditor

Question

我有一个关于如何在 React 中使用 useRef Hook 结合 ag-grid 组件来创建持久化 cellEditor 的问题。 在下面的Github示例中，有一个关于如何在用户编辑 ag-grid 中的字段后访问新值的示例：

export default forwardRef((props, ref) => {
    const inputRef = useRef();
    useImperativeHandle(ref, () => {
        return {
            getValue: () => {
                return inputRef.current.value;
            }
        };
    });

    useEffect(() => {
        // https://github.com/facebook/react/issues/7835#issuecomment-395504863
        setTimeout(() => inputRef.current.focus(), 10)
    }, []);
    return <input type="text" ref={inputRef} defaultValue={props.value}/>;
})

我不明白的是如何找出我正在编辑的行和字段。 有人可以指出我缺少的东西吗？

Answer 1

网格刷新 api 提供了用于处理单元格的界面。 props 参数有你需要的一切。

https://www.ag-grid.com/javascript-grid-refresh/#refresh-cells

interface RefreshCellsParams {
    rowNodes?: RowNode[]; // specify rows, or all rows by default
    columns?: (string|Column)[]; // specify columns, or all columns by default
    force?: boolean; // skips change detection, refresh everything
}