Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/8.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 如何将一个阵列与使用本地存储的不同阵列连接起来_Javascript_Arrays_Reactjs_Concat - Fatal编程技术网

Javascript 如何将一个阵列与使用本地存储的不同阵列连接起来

Javascript 如何将一个阵列与使用本地存储的不同阵列连接起来,javascript,arrays,reactjs,concat,Javascript,Arrays,Reactjs,Concat,Datalist是一个数组,我正试图用Datalist数组对boards数组进行concat处理,但当我控制台时,它并不反映。另一方面,当我将Datalist.concat(boards)赋值给变量时,它反映了示例 const newArr=Datalist.concat(单板); console.log(newArr) (主代码)请帮我复习一下。提前谢谢 import React,{useState,useffect}来自“React”; 从“/Modal”导入模态; 从“../Data/B

Datalist
是一个数组,我正试图用
Datalist
数组对boards数组进行
concat
处理,但当我控制台时,它并不反映。另一方面,当我将
Datalist.concat(boards)
赋值给变量时,它反映了示例

const newArr=Datalist.concat(单板);
console.log(newArr)
(主代码)请帮我复习一下。提前谢谢

import React,{useState,useffect}来自“React”;
从“/Modal”导入模态;
从“../Data/Boards”导入{Datalist};
功能板(){
const[boards,setboards]=useState(JSON.parse(localStorage.getItem('boards'))| |[]);
const[title,settitle]=useState(“”);
localStorage.setItem('boards',JSON.stringify(boards));
数据表。concat(板);
console.log(数据列表);
常数handleChange=(e)=>{
设置标题(如目标值);
};
常量handleSubmit=()=>{
如果(title.length==0){
返回;
}
setboards((上一页)=>[…上一页,标题];
};
返回(
); } 功能板列表({boards}){ const history=useHistory(); 返回( {boards.map((board,index)=>(
  • { history.push('./工作区'); }} > {董事会}
  • ))} ); } 导出默认板;
    这是预期的行为。
    concat
    函数不会改变原始数组。你可以在报纸上读到


    对于您的情况,您应该能够执行
    Datalist=Datalist.concat(boards)它应该像您期望的那样工作

    它给出的数据列表未定义,谢谢