我正在尝试在我的React组件中动态导入SVG
因此，而不是每次需要svg时都不需要从'../../assets/svg/like.svg'导入{ReactComponent as LikeIcon}，例如，我需要传递名称“ like”以动态导入它
我在这里找到了一个解决方案：如何动态导入SVG并内嵌呈现
哪个很棒，但是当我构建（npm run build）时，找不到svgs
知道为什么吗？
如果使用Webpack，则可以使用require.context：
const svgDir = require.context('../../assets/svg/');
然后：
<img src={svgDir(`./${filename}.svg`)}
作为React组件：
const svgDir = require.context("!@svgr/webpack!../../assets/svg/");
const Icon = svgDir("./Group 9.svg").default
然后：
<Icon />
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句