javascript - 如何通过从 json 文件中提取数据来将键值对数组加载到状态中？

Question

我正在使用 npm 组件 React Sortable Tree 来显示我从 .json 文件(data.json)中提取的一些数据:

{
  info: "success",
  data: [
    {
      id: null,
      name: "Arizona",
      type: "REGION"
    },
    {
      id: null,
      name: "Alabama",
      type: "REGION"
    },
    // ...
  ]
}

可排序树组件需要一个处于状态的treeData数组，其组成如下:

treeData: [
  {title: 'Arizona'},
  {title: 'Alabama'},
  // ...
]

但我不想对这些值进行硬编码，而是想从 .json 文件中提取它们。我尝试使用键值对数组，其中键是“title”，值是 data.data[i].name，但我无法将其推送到状态:

setTree () {
  this.setState({
    {for(var i; i < data.data.length; i++){
      var title = "title";
      var name = data.data[i].name;
      var pushVal = {};
      pushVal[title] = name;
      treeData.push(pushVal);
    }}
  }
}

Answer 1

您可以尝试:

const treeData = data.data.map(item => ({ title: item.name }));