Reactjs 如何在数组中的对象中更改数组?
我使用React with material ui框架。在文件中,有一个选择与芯片,这是由一个阵列。在那里,它们通过以下方式在数组中删除和添加值:Reactjs 如何在数组中的对象中更改数组?,reactjs,material-ui,Reactjs,Material Ui,我使用React with material ui框架。在文件中,有一个选择与芯片,这是由一个阵列。在那里,它们通过以下方式在数组中删除和添加值: const[personName,setPersonName]=React.useState([]); const handleChange=事件=>{ setPersonName(event.target.value); };您可以映射您的状态数组并在那里更新它 const [data, setData] = React.useState([{
const[personName,setPersonName]=React.useState([]);
const handleChange=事件=>{
setPersonName(event.target.value);
};代码>您可以映射您的状态数组并在那里更新它
const [data, setData] = React.useState([{ someData: 'data', array: [1,2,3] }]);
const handleChange = event => {
setData(() => {
return data.map((item) => {
return {
...item,
array: [...item.array, event.target.value]
}
})
});
};
首先,在数据
数组中循环遍历每个项
,并通过修改其中的每个项
对象返回一个新的数据
数组
您可以映射您的状态数组并在那里进行更新
const [data, setData] = React.useState([{ someData: 'data', array: [1,2,3] }]);
const handleChange = event => {
setData(() => {
return data.map((item) => {
return {
...item,
array: [...item.array, event.target.value]
}
})
});
};
首先,在数据
数组中循环遍历每个项
,并通过修改其中的每个项
对象返回一个新的数据
数组
我从未见过这样修改数组的方法。谢谢但是它对我不起作用,因为我还需要从数组中删除项,而你的方法只允许添加。我使用ES6语法修改数组,你可以在这里做各种事情。让我知道你到底需要什么,我可以给你一些示例代码。要从数组中删除项,而不是array:[…item.array,event.target.value]
,你可以像这样过滤以前的数组元素:array:[…item.array.filter(v=>),event.target.value]
我从未见过这样修改数组的方法。谢谢但是它对我不起作用,因为我还需要从数组中删除项,而你的方法只允许添加。我使用ES6语法修改数组,你可以在这里做各种事情。让我知道您到底需要什么,我可以给您一些示例代码。要从数组中删除项,而不是array:[…item.array,event.target.value]
,您可以像这样筛选以前的数组元素:array:[…item.array.filter(v=>),event.target.value]
在事件.target.value
中会传递哪些数据?您希望如何处理添加和删除?或者您希望所有输入的所有值都位于该数组中吗?事件.target.value
中将传递哪些数据?您希望如何处理添加和删除?还是希望所有输入的所有值都位于该数组中?