Reactjs 如何在数组中的对象中更改数组?

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([{

我使用React with material ui框架。在文件中,有一个选择与芯片,这是由一个阵列。在那里,它们通过以下方式在数组中删除和添加值:

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
中将传递哪些数据?您希望如何处理添加和删除?还是希望所有输入的所有值都位于该
数组中?