How to append JSON object to existing JSON object in JS file in react.js

Question

我正在嘗試使用React.js制作 Todo 應用程序。

我從應用內 js 文件中獲取了待辦事項數據，作為 JSON object。 我想在我的列表中添加更多的待辦事項，我想作為 JSON object 存儲在該 js 文件中。

我想用現有的 append 另一個 JSON object。 我該怎么做？

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, ...}]

您傳播前一個數組並使用新元素創建一個新數組。