javascript - 如何在 react.js 中将 JSON 对象附加到 JS 文件中的现有 JSON 对象

Question

我正在尝试使用 React.js 制作一个 Todo 应用。

我从应用程序内的 js 文件中将待办事项数据作为 JSON 对象。我想在我的列表中添加更多待办事项，我想将其作为 JSON 对象存储在该 js 文件中。

我想用现有的附加 JSON 对象。我该怎么做？

TodoList.js文件

const TodoList=
   [

    {
      "id": 1,
      "title": "Learn backbone",
      "complete": false,
      "canceled": false,
      "date": new Date().getTime()
    },

    {
      "id": 2,
      "title": "Go for a run",
      "complete": false,
      "canceled": false,
      "date": new Date().getTime()
    }
  ]

  export default TodoList;

新的 TodoList.js 文件应该是这样的:

const TodoList=
[

    {
      "id": 1,
      "title": "Learn backbone",
      "complete": false,
      "canceled": false,
      "date": new Date().getTime()
    },

    {
      "id": 2,
      "title": "Go for a run",
      "complete": false,
      "canceled": false,
      "date": new Date().getTime()
    },

    {
      "id": 3,
      "title": "Have Lunch",
      "complete": true,
      "canceled": false,
      "date": new Date().getTime() 
    }
  ]

  export default TodoList

Answer 1

这与 React 无关，这是 Javascript 中的普通对象/数组操作。如果您想使用现有数组并添加新元素，只需:

const newToDoList = [...toDoList, {"id": 3, ...}]

您展开之前的数组并使用新元素创建一个新数组。