Reactjs 在react组件中上载图像后无法显示图像

Reactjs 在react组件中上载图像后无法显示图像,reactjs,Reactjs,我想上传多张图片,然后在浏览器中显示它们。我写了这篇文章中提到的代码。 我得到了显示在图像位置的图像的名称: Image1.png Image2.png 我如何解决这个问题?如果有人知道另一个npm模块可以上传图像并将其显示为图库,我将不胜感激。如果向添加带有预览的属性,您可以预览所有“上传”的图像 const UploadImage=props=>{ const{onDrop}=props; 返回( ); }; 您可以看到此更改已实现 这个库看起来可以立即实现您想要的功能 const U

我想上传多张图片,然后在浏览器中显示它们。我写了这篇文章中提到的代码。 我得到了显示在图像位置的图像的名称:

Image1.png
Image2.png 

我如何解决这个问题?如果有人知道另一个npm模块可以上传图像并将其显示为图库,我将不胜感激。

如果向
添加带有预览的属性
,您可以预览所有“上传”的图像

const UploadImage=props=>{
const{onDrop}=props;
返回(
);
};
您可以看到此更改已实现

这个库看起来可以立即实现您想要的功能

const UploadImage = props => {
  const { onDrop } = props;
  return (
    <ImageUploader
      withIcon
      buttonText="Upload Image"
      onChange={onDrop}
      imgExtension={[".jpg", ".gif", ".png", ".gif"]}
      maxFileSize={5242880}
      withPreview
    />
  );
};