Onchange字段数据正在变成[对象对象]反应

Question

我有一个字段，我需要在其中从对象获取数据，并将它们显示为逗号分隔的，如

const data = [{id: 1, name: "dine", restaurant: 2}, {id: 2, name: "pick", restaurant: 2}];
const combined = data.map(el => el.name).join(",");

并以类似的形式显示

<div className='form-group text-left'>
<InputField value={combined} 
onChange={e => changeingredientdata(e)} 

/>现在，当我更改字段数据并尝试添加一个新词时，将数据更改为[对象对象]，我的onchange函数就像

function changeingredientdata(e) {
setcombinedingredients({ ...combinedingredients,
[e.target.name] : [e.target.value]
});
}

Answer 1

您正在将列表指定为值，请替换

[e.target.name] : [e.target.value]

带有

[e.target.name] : e.target.value