上传和显示器的图像文件的通过输入的标签在发生反应-终极版的

Question 1

我有一个输入标记内部的组件上传一个单一的图像。

<input 
      type="file"
      accept=".png,.jpeg"
      onChange={e => dispatch(setProfileImage(e.target.files[0]))}
/>

从什么我可以看到，该图象被保存在的状态之后，我派遣一个行动，并节省国家通过减速。

我的问题是这样的：在另一个组成部分，我访问图像中国家通过useSelector和使用它作为来源的图像的标签，但图像中出现破裂。基本上，我只是希望能够使用的图像储存在该国为来源的图像的标签。

任何解释，教程，可极大的赞赏。我试图避免使用后端应用程序我的工作是非常小的和没有必要为之一，但我愿意，如果这是最简单的答案。

谢谢你！

Question 2

创建一个url像把它放在src的img tag：

   const ImageUrl =  URL.createObjectURL(file);

或

<img src={URL.createObjectURL(file)}  alt={file.name} />

Samira · Answer 1 · 2021-11-22T09:27:16

创建一个url像把它放在src的img tag：

   const ImageUrl =  URL.createObjectURL(file);

或

<img src={URL.createObjectURL(file)}  alt={file.name} />

的问题