Javascript 如何修复相应加载程序的错误以在react钩子中处理此文件类型

但是当我尝试

require（`./icons/01d.svg`）时，默认值是

它可以工作。但我要做的是使其动态化。

您可以使用next.js提供服务

将svg文件存储在公共目录下，而不是src下

然后，您可以在react模板中生成指向这些静态文件的URL，而不是

require

ing它们：

directory
 - src/
 - src/location/
    - index.tsx
 - src/icons/
    - 01d.svg
    - 02d.svg
    - 03d.svg

data&&data.map（（项目）=>(
))

我大约有20个，那么我就这样做吧？事实上，我会给你一些不同的建议。也许我应该使用你发布的第一个选项。因为我想做的是不把图片放在公共文件夹中。当然，但是如果你添加更多的SVG，你必须记住添加一行需要新图片的行。对于公用文件夹，您可以添加一个新的svg文件，它仍然可以工作。由你决定！

directory
 - src/
 - src/location/
    - index.tsx
 - src/icons/
    - 01d.svg
    - 02d.svg
    - 03d.svg

data && data.map((item) => (
      <img src={`/icons/${item['img']}.svg`} />
))