javascript - 使用 ReactJS 选择一些 JSON 数据时遇到问题

Question

我创建了一个简单的组件来组织名称，但是在我的 JSON 文件中获取名称时遇到了麻烦。

这是我的 JSON 文件的样子

{
  "tasks" : [
    { 
      "id": 1, 
      "name": "Studies", 
      "status": "Completed", 
      "progress": 100
    },
    { 
      "id": 2, 
      "name": "Writing",
      "status": "In Progress", 
      "progress": 91
    }
  ]
}

以及我的 React 组件中的功能

function orderA() {
  data.tasks.map((t) => 
    console.log(t.name)
  );
  const noms = data.tasks.name;
  noms.sort();
  console.log(noms);
}

我通过单击一个按钮调用该函数，console.log(t.name)显示我需要使用的名称，但data.tasks.name给我一个未定义的错误，但如果我将名称放在我的 const 中，我的函数正在工作。

标签： javascriptjsonreactjsparsing

Answer 1

您需要访问循环内的名称，因为data.tasks它是一个数组：

orderA() {
  const noms = data.tasks.map((t) => t.name).sort();
  console.log(noms);
}