Node.js React JS的路径名字符串问题

根据路径名的存储方式，我在节点JS中正确加载文件时遇到问题

{
  Object.entries(LEGEND).map(([key, value]) => {
    return (
      <div key={"layout-editor-element-" + key}>
        <Card
          className="text-center"
          align="center"
          tag="a"
          title={value.desc}
          onClick={() => this.generateItem(key)}
        >
          <Card.Body>
            <Card.Img
              variant="top"
              src={require(`../assets/icons/simpleText-Icon.png`)}
              className="card-images"
            />
            <Card.Text>{value.title}</Card.Text>
          </Card.Body>
        </Card>
      </div>
    );
  });
}

然后使用

<Card.Img variant="top" src={require(pathname)} className="card-images"/> 

我也犯了同样的错误

它是相同的路径名字符串，但是当您尝试替换常量时，显然有些东西发生了变化，尽管我对它可能是什么感到困惑

---

有没有人有什么想法，或者有什么变通方法/替代方法，我可以让它根据地图有选择地加载图像？

包装商无法处理动态需求

要解决此问题，您可以不将字符串

。/assets/icons/simpleText Icon.png

存储在

value.iconName

中，而是将完整的require表达式存储为键的值：

iconName: require('../assets/icons/simpleText-Icon.png')

<Card.Img variant="top" src={require(pathname)} className="card-images"/> 

iconName: require('../assets/icons/simpleText-Icon.png')