Javascript REACT显示我的 json 文件的内容，但只获取标题

JSON数据是一个对象:

{
  "menus": [
    {
      "id": "Menu1",
      "title": "Creamy pea soup topped with melted cheese and sourdough croutons.",
      "price": 4,
      "invited": [
        {
          "name": "Jose Luis",
          "location": "LA"
        },
        {
          "name": "Smith",
          "location": "New York"
        },
      ],    
    },
    ...
  ]
}

...

import JsonData from "./menus.json";

...

const { menus } = JsonData;

accessor属性不正确.

Column Options

• accessor: String | Function(originalRow, rowIndex) => any
  • Required
  • 此字符串/函数用于为列构建数据模型.
  • 访问器返回的数据应为primitive且可排序.
  • 如果传递了一个字符串，该列的值将通过该键在原始行上查找，例如，如果列的访问器为firstName，则其值将从row['firstName']读取.还可以使用访问器(如info.hobbies甚至address[0].street)指定深度嵌套的值
  • 如果传递了一个函数，将使用此访问器函数在原始行上查找列的值，例如，如果列的访问器为row => row.firstName，则其值将通过将行传递给此函数并使用结果值来确定.
  • 从技术上讲，如果列具有唯一id，则不需要此字段.这用于扩展列或行 Select 列.Warning:只有当你真的知道自己在做什么时，才省略accessor.

使用刺状存取器

const data = useMemo(
  () => [
    {
      Header: "Id",
      accessor: "id"
    },
    {
      Header: "Title",
      accessor: "title"
    },
    {
      Header: "Invited",
      accessor: "invited[0].name" // because invited is an array
    },
    {
      Header: "Price",
      accessor: "price"
    }
  ],
  []
);

或者使用函数

const data = useMemo(
  () => [
    {
      Header: "Id",
      accessor: row => row.id
    },
    {
      Header: "Title",
      accessor: row => row.title
    },
    {
      Header: "Invited",
      accessor: row => row.invited[0].name
    },
    {
      Header: "Price",
      accessor: row => row.price
    }
  ],
  []
);