在我的项目中,我有一个状态,我想将其放入本地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路径正确显示图像?