React传单找不到“ pathtofile”的路径

Question

我有一个geojson文件，其中包含此类图标的路径。

"features": [
      {
        "type": "Feature",
        "properties": {
            "ICON": ".././assets/images/marker-icon.png"

我正在映射geojson文件，并尝试使用此设置图标路径：

const markers = geojson.features.map((features, i) => {
    const greenIcon = L.icon({
      iconUrl: require(`${features.properties.ICON}`)
    })

但是我在控制台中收到以下错误

Cannot find module '.././assets/images/marker-icon.png'

我正试图了解其工作原理：

  iconUrl: require(.././assets/images/marker-icon.png)

但是当我映射时，它不会：

iconUrl: require(`${features.properties.ICON}`)

Answer 1

我将图像路径“ ICON”的geojson更改为：

"ICON": "marker-icon.png"

然后更改以下内容有效：

iconUrl: require(`.././assets/images/${features.properties.ICON}`)