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)代码>它应该像您期望的那样工作它给出的数据列表未定义,谢谢