小编mod*_*067的帖子

React State 在迭代时根据 id 更新带有对象的嵌套数组

我对填充的对象/数组有一个反应状态,但后来我想编辑文本输入并编辑对象上的相关字段,到目前为止我还没有找到解决方案。

这就是我的状态:

const [data, setData] = useState({
    working_hours: [
      {
        id: 1,
        description: 'Random Text',
        price: 100,

      },
      {
        id: 2,
        description: 'Text Random',
        price: 100,
      },
    ]
  });
Run Code Online (Sandbox Code Playgroud)

这是我的 Jsx:

{data.working_hours.map(item => 
<>
  <input type={text} value={item.description}
   onChange={(e) => handleChange(e)} />

  <input type={text} value={item.price}
   onChange={(e) => handleChange(e)} />
</>
)}
Run Code Online (Sandbox Code Playgroud)

这是我尝试过的:

function handleChange(e){
 const value = e.target.value;
 setData({...data, [...data.working_hours, e.target.value]})
}
Run Code Online (Sandbox Code Playgroud)

reactjs

5
推荐指数
1
解决办法
9855
查看次数

标签 统计

reactjs ×1