Reactjs 如何在状态中编写每个迭代?
如何在状态中写入每个收到的“i”值Reactjs 如何在状态中编写每个迭代?,reactjs,Reactjs,如何在状态中写入每个收到的“i”值 import React,{useState}来自“React”; 导入“/styles.css”; 导出默认函数App(){ const[items,setItems]=useState([]); 常数arr1=[ { 内容:1,, 内容:2,, 内容:3,, 内容:4 } ]; const onCreateBlock=()=>{ 返回arr1.map(i=>{ 设置项([…项,即内容]); }); }; 返回{onCreateBlock()}; } 将数
import React,{useState}来自“React”;
导入“/styles.css”;
导出默认函数App(){
const[items,setItems]=useState([]);
常数arr1=[
{
内容:1,,
内容:2,,
内容:3,,
内容:4
}
];
const onCreateBlock=()=>{
返回arr1.map(i=>{
设置项([…项,即内容]);
});
};
返回{onCreateBlock()};
}
将数组更改为包含多个项目,因为每个项目只能显示一次键
内容
const arr1 = [
{ content: 1 },
{ content: 2 },
{ content: 3 },
{ content: 4 },
];
问题是您的对象声明无效。您正在尝试分配键content
四个值。这就像尝试分配数组的同一索引4次,并期望它们都保持不变。您已经更新了代码,现在请向我们展示invoiceList
的外观。如果数组为空?也就是说,我只想写每个“I”并得到这样一个数组-[1,2,3,4]如果数组是空的,那么项
也将是空的。旁注-你的onCreateBlock
只是更新状态,它不会呈现任何HTML。但是如何在数组中编写每个迭代呢?我真的不明白语言障碍…我不知道你在问什么。如果您在发布的代码中更改了arr1
,项应该是[1,2,3,4]
。我有一个数据库,其中有一个带有数字的表,我想在我的状态[]中写入每个数字,这个状态最初是空的,因此在迭代之后会是这样的-arr1[200,320,120]我的数据库:id1:num-200、id2:num-320、id3:num-120