从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
  }]
 }

在我的root 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和对象（它们是不同的）的更多信息：

• 访问/处理（嵌套的）对象，数组或JSON
• JSON和对象文字表示法有什么区别？