如何推送到，更新反应功能组件对象中的数组内的元素

Question

const [Collect, setCollect] = React.useState({
visible: false,
files:[],
uploading: 0,
team:"",
manager:"",
owner:"",
fileNames: [],
status:""

});

function fileOnChange(e){
// here update files and filenames arrays
}

我有一个功能组件，它有一个带有数组的对象，如上所示。 每次从输入中选择新文件时，您如何更新数组。 用于更新添加文件和文件名的 fileOnChange 方法

Answer 1

您可以创建另一个变量来存储以前的文件名和文件

let temp1 = Collect.filenames;
let temp2 = Collect.files;
temp1.push('anotherFilename');
temp2.push('anotherFile');
setCollect({...Collect, filenames: temp1, files: temp2});