我对填充的对象/数组有一个反应状态,但后来我想编辑文本输入并编辑对象上的相关字段,到目前为止我还没有找到解决方案。
这就是我的状态:
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 ×1