如何将JSON加载到ag-grid Table (React)？

import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

state = {
  rowData: []
};

componentDidMount() {
  fetch('your_json_url')
    .then(response => response.json())
    .then(data => this.setState({ rowData: data }));
}

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

constructor(props) {
  super(props);

  this.columnDefs = [
    { headerName: 'Column 1', field: 'column1' },
    { headerName: 'Column 2', field: 'column2' },
    // 其他列定义...
  ];
}