分割导入SVG并渲染

Question

我正在尝试动态拆分导入svg。返回了结果，但我只看到数据URI （例如：data:image/svg+xml;base64）和 ReactComponent ，如下所示。我知道我可以将svg导入为图像，但我希望它是内嵌svg 。如何将svg导入为ReactComponent like this？有什么神奇的方法可以从 ReactComponent 函数调用并返回内嵌svg？

这是我拆分导入的方法：

roomControls.room_control.map(e => {
    let IconSvg = null;
    import(`../../../assets/svg/${e.icon_url}`).then((svg) => {
        IconSvg = svg;

        iconArr.push(IconSvg);
        console.log(svg)
    })
})