我有一个文件输入和一个处理函数，我需要将每个文件转换成一个普通对象，并使用URL.createObjectURL给予它一个URL，然后存储它们。

const files = [];
const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
  for (const file of Array.from(e.target.files)) {
    const plain = {...file, url: URL.createObjectURL(file)};
    files.push(plain);
  }
}

然而，这是行不通的。plain原来只有url属性（例如{url: 'blob:http://localhost:8080/5a574d7f-178d-44f4-accf-4be313ac098a'}）
我也试过：
第一次
我希望有一个files数组，它由具有url属性和File属性的普通对象组成。我该怎么做呢？
先谢谢你。

Edit：好吧，最初我想把文件存储在Redux存储中，但是它抱怨不可序列化的值。现在我意识到这根本不是一个好主意。

我需要URL来显示上传图像的预览。结果我需要Files本身来稍后将它们作为formdata发送。
有没有更好的方法来存储和操作上传的图像，同时方便地在多个组件之间共享它们？使用简单的useState并将状态作为道具传递给子组件是一个好的选择吗？