如何在DataGrid页面加载中聚焦并开始编辑第一行的第一个单元格

import React, { useEffect, useRef } from 'react';
import { Table, Input, Form } from 'antd';

const DataGridPage = () => {
  const dataGridRef = useRef(null);

  useEffect(() => {
    // 在页面加载完成后，获取DataGrid组件的实例或引用
    const dataGridInstance = dataGridRef.current;

    // 将焦点设置到第一行的第一个单元格
    dataGridInstance.focusCell(0, 0);

    // 将第一行的第一个单元格设置为编辑状态
    dataGridInstance.editCell(0, 0);
  }, []);

  const columns = [
    {
      title: 'Column 1',
      dataIndex: 'column1',
      render: (_, record) => (
        <Form.Item name="column1">
          <Input autoFocus />
        </Form.Item>
      ),
    },
    // 其他列配置...
  ];

  const dataSource = [
    // 数据源...
  ];

  return (
    <Table
      ref={dataGridRef}
      columns={columns}
      dataSource={dataSource}
      pagination={false}
    />
  );
};

export default DataGridPage;