Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将JSON对象附加到react.JS中JS文件中的现有JSON对象_Javascript_Reactjs - Fatal编程技术网

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

Javascript 如何将JSON对象附加到react.JS中JS文件中的现有JSON对象,javascript,reactjs,Javascript,Reactjs,我正在尝试使用React.js制作一个Todo应用程序 我将应用程序内js文件中的todo数据作为JSON对象。我想在列表中添加更多的待办事项,并将其作为JSON对象存储在js文件中 我想将另一个JSON对象附加到现有的。我怎么做 TodoList.js文件 托多利斯特警察= [ { id:1, 标题:学习骨干, 完成:错误, 取消:错, 日期:new date.getTime }, { id:2, 标题:跑步, 完成:错误, 取消:错, 日期:new date.getTime } ] 将默认值

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

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

我想将另一个JSON对象附加到现有的。我怎么做

TodoList.js文件

托多利斯特警察= [ { id:1, 标题:学习骨干, 完成:错误, 取消:错, 日期:new date.getTime }, { id:2, 标题:跑步, 完成:错误, 取消:错, 日期:new date.getTime } ] 将默认值导出到列表; 新的TodoList.js文件应如下所示:

托多利斯特警察= [ { id:1, 标题:学习骨干, 完成:错误, 取消:错, 日期:new date.getTime }, { id:2, 标题:跑步, 完成:错误, 取消:错, 日期:new date.getTime }, { id:3, 标题:吃午饭, 完全正确, 取消:错, 日期:new date.getTime } ] 将默认值导出到列表
这与React无关,这是Javascript中简单的对象/数组操作。如果要获取现有数组并添加新元素,只需:

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

您可以扩展上一个数组,并使用新元素创建一个新数组。

这与React无关,这是Javascript中简单的对象/数组操作。如果要获取现有数组并添加新元素,只需:

const newToDoList = [...toDoList, {"id": 3, ...}]
您可以展开上一个数组,并使用新元素创建一个新数组。

您的TodoList常量是一个数组。您可以使用扩展运算符,也可以使用TodoList.pushnewTodo。这更像是一个Javascript问题,而不是一个react tho。您可以使用扩展运算符,也可以使用TodoList.pushnewTodo。这更像是一个Javascript问题,而不是一个react tho。