如何将JSON数据读入MDBDataTable行

import { MDBDataTable } from 'mdbreact';

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

  render() {
    return (
      <div>
        {/* 在这里渲染MDBDataTable组件 */}
      </div>
    );
  }
}

export default MyComponent;

componentDidMount() {
  fetch('data.json')
    .then(response => response.json())
    .then(data => this.setState({ data }))
    .catch(error => console.log(error));
}

render() {
  const { data } = this.state;

  const columns = [
    {
      label: 'ID',
      field: 'id',
      sort: 'asc'
    },
    {
      label: 'Name',
      field: 'name',
      sort: 'asc'
    },
    // 其他列...
  ];

  const rows = data.map(item => ({
    id: item.id,
    name: item.name,
    // 其他字段...
  }));

  return (
    <div>
      <MDBDataTable
        striped
        bordered
        small
        data={{ columns, rows }}
      />
    </div>
  );
}

[
  {
    "id": 1,
    "name": "John Doe"
  },
  {
    "id": 2,
    "name": "Jane Smith"
  },
  // 其他数据行...
]