React Ag-grid在单元格编辑中按ENTER后，将光标向下移动到下一行(如Excel)

import React, { useState } from 'react';
import { AgGridReact } from 'ag-grid-react';

const GridExample = () => {
  const [rowData, setRowData] = useState([
    { id: 1, name: 'John Doe', age: 25 },
    { id: 2, name: 'Jane Smith', age: 30 },
    // 更多数据...
  ]);

  const columnDefs = [
    { headerName: 'ID', field: 'id', editable: false },
    { headerName: 'Name', field: 'name', editable: true },
    { headerName: 'Age', field: 'age', editable: true },
    // 更多列...
  ];

  const handleCellKeyDown = (params) => {
    const { event, node, column, rowIndex } = params;
    if (event.key === 'Enter' && column.colDef.editable) {
      const nextRowIndex = rowIndex + 1;
      const nextRowNode = node.gridOptionsWrapper.gridOptions.api.getRowNode(`${nextRowIndex}`);
      if (nextRowNode) {
        setTimeout(() => {
          node.gridOptionsWrapper.gridOptions.api.stopEditing();
          node.gridOptionsWrapper.gridOptions.api.setFocusedCell(nextRowIndex, column);
          node.gridOptionsWrapper.gridOptions.api.startEditingCell({
            rowIndex: nextRowIndex,
            colKey: column.colId,
          });
        });
      }
    }
  };

  return (
    <div className="ag-theme-alpine" style={{ height: '400px', width: '600px' }}>
      <AgGridReact
        rowData={rowData}
        columnDefs={columnDefs}
        onCellKeyDown={handleCellKeyDown}
      />
    </div>
  );
};

export default GridExample;