Javascript 正在尝试从create react应用程序中的.json文件读取图像

Javascript 正在尝试从create react应用程序中的.json文件读取图像,javascript,reactjs,Javascript,Reactjs,我试图将一个图像从.json文件加载到我的组件中,但该图像没有加载 保险杠:[{ id:1, productSquareId:BumperStubby, 产品图片:保险杠, 公司图片:logo.png, 售价:$55.99 },您是否尝试过在图像名称前加一个斜杠 我认为您可以在这里找到一些解决方案: 最快的方法是使用如下所示的require: <img className = "MainImage" src ={require(image1)}/> 你有没有试过在图片名称前加

我试图将一个图像从.json文件加载到我的组件中,但该图像没有加载

保险杠:[{ id:1, productSquareId:BumperStubby, 产品图片:保险杠, 公司图片:logo.png, 售价:$55.99
},您是否尝试过在图像名称前加一个斜杠 我认为您可以在这里找到一些解决方案:

最快的方法是使用如下所示的require:

<img  className = "MainImage" src ={require(image1)}/>

你有没有试过在图片名称前加一个斜杠 我认为您可以在这里找到一些解决方案:

最快的方法是使用如下所示的require:

<img  className = "MainImage" src ={require(image1)}/>

看起来我解决了我的问题,但是通过将.json文件变成.js文件

出口常数=[ { id:1, productSquareId:“BumperStubby”, productImage:require./bumper1.png', 公司图像:需要“./logo.png”, 价格:‘$55.99’, }
] 看起来我解决了我的问题,但是通过将.json文件变成.js文件

出口常数=[ { id:1, productSquareId:“BumperStubby”, productImage:require./bumper1.png', 公司图像:需要“./logo.png”, 价格:‘$55.99’, }
]你是在结束时关闭数组吗???是的。我只是给出了一个片段。你是在结束时关闭数组吗???是的。我只是给出了一个片段。很好。遵循你的逻辑,让它为meNice one工作。遵循你的逻辑,让它为我工作