vue3 解决reactive数组对象属性更新问题

vue3 setup中使用对象数组

const state = reactive<DataProps>({
  fileList:[]
  })

如果更新数组中的对象属性会发现数据不会更新，比如

const newImgFile: ImgFile = {
  path:result,
   status: 'selected',
   file: files[0]
 }
 state.fileList.push(newImgFile)
 newImgFile.path = '123';

解决办法，外面包一层reactive

 const newImgFile: ImgFile = reactive({
   path:result,
    status: 'selected',
    file: files[0]
  })
 state.fileList.push(newImgFile)；
 newImgFile.path = '123'; //再修改可以正常更新

或者

 const newImgFile: ImgFile = {
   path:result,
    status: 'selected',
    file: files[0]
  }
 state.fileList.push(newImgFile)；
 state.fileList[state.fileList.length-1].path='123'  //再修改可以正常更新