how to push to, update elements inside an array that is in a object of a react functional component

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
}

i have a functional component that has an object with arrays as shown above. how can u update the arrays everytime new files selected from the input. the fileOnChange method to update add files and filesnames

Answer 1

You can create another variable to store previous filenames and files

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