Javascript ReactJS-图像不显示在材质表的自定义列中

Javascript ReactJS-图像不显示在材质表的自定义列中,javascript,reactjs,image,material-table,Javascript,Reactjs,Image,Material Table,我正在使用material table渲染一个带有图像的自定义列,就像这样,但有一个小问题。示例在线图像工作得非常好,但是如果我在我的机器上给出本地图像的路径,它就不工作了 在我的机器上显示图像 在线图像 图像尺寸或文件扩展名等方面没有问题,因为我从githunusercontent.com下载了相同的图像,但在本地机器上也不起作用 编辑 只是我在控制台上看到了一条小错误信息 不允许加载本地资源“文件路径” 现在该怎么办 要显示来自本地计算机的图像,可以按以下方式执行: App.js文件:

我正在使用material table渲染一个带有图像的自定义列,就像这样,但有一个小问题。示例在线图像工作得非常好,但是如果我在我的机器上给出本地图像的路径,它就不工作了

在我的机器上显示图像

在线图像

图像尺寸或文件扩展名等方面没有问题,因为我从githunusercontent.com下载了相同的图像,但在本地机器上也不起作用

编辑

只是我在控制台上看到了一条小错误信息

不允许加载本地资源“文件路径” 现在该怎么办


要显示来自本地计算机的图像,可以按以下方式执行:

App.js
文件:

从“React”导入React;
从“物料表”导入物料表;
导出默认类App扩展React.Component{
render(){
返回(
},
{title:'Name',field:'Name'},
{标题:'姓',字段:'姓'},
{title:'Birth Year',字段:'Birth Year',键入:'numeric'},
{
标题:“出生地”,
字段:“出生地”,
查找:{34:'İstanbul',63:'Şanlıurfa'},
},
]}
资料={[
{姓名:'Mehmet',姓氏:'Baran',出生年份:1987,出生城市:63,图像URL:'https://avatars0.githubusercontent.com/u/7895451?s=460&v=4' },
{姓名:'Zerya Betül',姓氏:'Baran',出生年份:2017,出生城市:34,图片URL:'https://avatars0.githubusercontent.com/u/7895451?s=460&v=4' },
]}
/>
)
}
}

注意:我已从您提供的URL下载了该图像并将其重命名为
img.jpeg
,并将其保存在
App.js
文件所在的同一目录中。

我可以查看您的
package.json
文件吗?这对我有用。我查过了。如果你提供你已经尝试过的代码会更好。好的,谢谢你的时间。可能还有其他一些问题,比如懒散的领导或者其他类似的事情。我会亲自检查:)现在投票赞成。我也会接受你的回答:)没关系,希望你能尽快弄明白。:)很高兴听到这个消息。祝贺