将行动态添加到React-data-grid

npm install react-data-grid

import React, { useState } from 'react';
import { DataGrid } from 'react-data-grid';

function DynamicGrid() {
  const [rows, setRows] = useState([]);
  const columns = [
    { key: 'id', name: 'ID' },
    { key: 'name', name: 'Name' },
    { key: 'age', name: 'Age' },
  ];

  // 在这里添加您的其他行数据

  return (
    <DataGrid
      columns={columns}
      rows={rows}
      onRowsChange={setRows}
      enableCellAutoFocus={false}
    />
  );
}

setRows([
  ...rows,
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
]);