小编Jon*_* K.的帖子

如何在 Svelte/Sapper 中动态导入和渲染组件？

我有一个组件 ( IconInline.html)，我想在其中根据IconID传递给它的 prop ( )动态导入和呈现组件。

目前我是这样手动操作的：

{{#if IconID === "A"}}
    <A />
{{elseif IconID === "B"}}
    <B />
{{elseif IconID === "C"}}
    <C />
{{elseif IconID === "D"}}
    <D />
{{/if}}

<script>
    import A from "./icons/A.html";
    import B from "./icons/B.html";
    import C from "./icons/C.html";
    import D from "./icons/D.html";

    export default {
        components: { A, B, C, D }
    };
</script>

Run Code Online (Sandbox Code Playgroud)

有没有办法