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

Question

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

我从应用程序内的 js 文件中将 todo 数据作为 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, ...}]

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