Javascript 动态显示json文件中的图像，其中路径保存在react js中

我创建了一个json文件，其中保存了svg图标的标题、内容和url，我在React组件中使用这些图标来呈现UI。不幸的是，不知何故，图像没有显示出来，json文件yes中存储的其余信息显示出来。你能帮我指出我做错了什么吗？下面是我的项目树、json文件的一部分以及我使用json文件中存储的数据呈现UI的代码的屏幕截图。

Menu.js组件代码：

    import React from 'react'
import { Container, Row, Col } from 'reactstrap';
import menuTiles from '../files/menuTiles.json';
import '../styles/style.css';
function Menu(){
    return (
        <main>
            <div className="container fluid">
                <div className="row justify-content-center"><h3>Scegli il menu oppure cercha qui per categorie</h3></div>
                <div className="div-menu-style">
                    {
                        menuTiles.map((menuDetail,index)=>{
                            return(
                                <div key={menuDetail.id}>
                                <a className="link-style" href="#">
                                    <div className="tile-style row">
                                    <div col="3"><img className="img-style"src={menuDetail.imgSrc} /></div>
                                    <div col="9">
                                    <h4>{menuDetail.title}</h4>
                                    <p>{menuDetail.content}</p>
                                    </div>
                                    </div>
                                </a>
                            </div>
                            )
                            
                        })
                    }
                </div>
            </div>
        </main>
    )
}
export default Menu

从“React”导入React
从“reactstrap”导入{Container，Row，Col}；
从“../files/menuTiles.json”导入菜单项；
导入“../styles/style.css”；
功能菜单（）{
返回(
Scegli il菜单可根据类别选择cercha qui
{
menuTiles.map（（menuDetail，index）=>{
返回(
)
})
}
)
}
导出默认菜单

svg图标和文件目录不在同一级别。所以您应该从文件目录访问图标目录，如

/icons/music notes.svg

。像这样改变

{ imageSrc: "./icons/musical-notes.svg" }

---

很可能是到图像的路径不正确。当您转到

http://localhost:3000/musical-notes.svg

您能看到图像吗？我认为您最好为图像定义映射，其中key是图像的名称，value是图像。然后在json中存储密钥，在render中只需在地图中查找并将图像传递给img tag图像路径正确吗？如果您检查HTML，img src是否正确？浏览器能否导航到该图像url？当我转到您提供的url时，我看不到图像。在开发工具中，我可以看到src属性等于它没有解决这个问题。我仍然没有显示图像