如何使用json文件中的路径使用图像?

时间:2019-07-04 15:33:01

标签: javascript json reactjs axios

在我的项目中,我有一个状态,我想将其放入本地json文件中,所以我使用了

const jsonFile = JSON.stringify(this.state);

并将其记录在控制台中。因此,我只是在public文件夹中创建了一个json文件,并将其用作状态的本地存储。只是为了测试。因此,通过使用axios,我想从json文件中获取数据并将其用于setState

问题来自图像。图像的原始名称是“ photo.png”,但在json文件中,路径的写法类似于/static/media/photo.206df5b0.png。当我启动React项目时,它给我一个错误 TypeError: Cannot read property 'photo' of undefined ,这意味着它看不到文件。我试图重命名这些图像并将其放置在其他文件夹中,但是对我来说没有任何作用

所以,问题是如何使用json路径正确显示图像?

0 个答案:

没有答案