如何使用webpack-dev-server从我的应用程序的src文件夹中读取json文件？

Question

JSON文件：

[
    {
        "id": "1",
        "name": "Test",
        "imageUrl": "../images/panda.jpg"
    }
]

我必须从上面的json对象中读取imageUrl并将其添加到src标记的img中才能在UI上查看图像。

Answer 1

在问题上总体上缺少解释：

您必须导入您的json文件：

import images from './json-file-path'

和：

<img src={images[0].imageUrl}></img>

希望有帮助。