create-react-app不会动态加载本地图像

Question

我正在尝试使用create-react-app动态加载多个图像。我无法在页面上看到图像。这就是我所看到的。 这是我的代码。

Gallery.js

export default [
 './images/urban_pocket_park.jpg',
 './images/urban_pocket_park(2).jpg',
 './images/urban_pocket_park(3).jpg',
 './images/urban_pocket_park(4).jpg',
 './images/urban_pocket_park(5).jpg',
 './images/urban_pocket_park(6).jpg'
]

UrbanInfo.js

import Gallery from './Gallery'

const UrbanInfo = (props) => {

 const images = Gallery.map(function(image, idx) {
  return (
   <Image key={idx} src={image} />
  )
 });

 return (
    <div>
      {images}
    </div>
 )
}
export default UrbanInfo;

非常感谢帮助。我检查了图像的路径，它们工作正常。