Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.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
Reactjs 如何在状态中编写每个迭代?_Reactjs - Fatal编程技术网

Reactjs 如何在状态中编写每个迭代?

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()}; } 将数

如何在状态中写入每个收到的“i”值

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