reactjs - 无法在 MDBDatatable 中填充 JSON 数据

Question

我正在尝试在 MDBDataTable 中显示本地 JSON 文件。但我一直找不到匹配记录。有谁知道为什么？

import React from 'react';
import '../../App.css';
import cities from '../../components/data/cities.json';
import { MDBDataTable, MDBNavLink } from 'mdbreact'

export default function Cities() {

  const colmHeaders = [
    { label:'ID', field:'id', sort:'asc', width:150},
    { label:'CITY', field:'name', sort:'asc', width:150},
    { label:'STATE', field:'state', sort:'asc', width:250}
  ]
  
  return <>
  <MDBDataTable  entriesOptions={[5,20,25]} entries={5}  columns={colmHeaders} data={cities} />
  </>
} 

我的 city.json 文件：

[
    {
        "id": "1",
        "name": "City1",
        "state": "State1"
    },
    {
        "id": "2",
        "name": "City2",
        "state": "State2"
    }
]

标签： reactjs