javascript - 从 array.map 获取 json 值

Question

我正在循环访问我的 achievements 属性来显示一系列 div:

const listItems = this.props.todo.achievements.map((achievement) =>
  <div className="cell" key={achievement.id}>
     {achievements[achievement.id].label}
  </div>
);`

如何从本地文件导入的 json 中提取标签？

{
 "achievements":[
  {
     "label":"one",
     "id":0
  },
  {
     "label":"two",
     "id":1
  },
  {
     "label":"three",
     "id":2
  },
  {
     "label":"four",
     "id":3
  },
  {
     "label":"five",
     "id":4
  }]
 }

在我的根 reducer 中，我有存储成就id的初始状态。

如果我输出{achievement}，我只会得到数字。我应该设置初始状态来存储标签，而不是将其存储在本地 json 文件中吗？

const initialState = [
  {
    date: "Fri 1st",
    enjoyments: [1,2,3],
    achievements: [1,3,2],
    id: 0
  },
  {
    date: "Fri 2",
    enjoyments: [1,3,2],
    achievements: [1,3,2],
    id: 1
  },

Answer 1

achievement 已经是数组中的对象之一。您只需访问其 label 属性即可:

{achievement.label}

<小时/>

查看以下帖子以了解有关 JSON 和对象的更多信息(它们并不相同):

• Access / process (nested) objects, arrays or JSON
• What is the difference between JSON and Object Literal Notation?