Svelte 3中是否存在动态道具

时间:2019-09-26 10:48:56

标签: svelte

当我遍历像这样的动态组件时:

<svelte:component collection={collection} uid={uid} this={upload_component} 
     bind:action={restart}/>

是否可以为每个组件使用一组动态道具。每个组件都有自己的一组道具名称和道具值。

解决方案示例:

<script>
    import Info from './Info.svelte';

    const pkgs = [{
        name: 'svelte',
        version: 3,
        speed: 'blazing',
        website: 'https://svelte.dev'
    }, ];
</script>

<Info {...pkgs[0]}/>

Rich Harris回答here中的更多内容。

1 个答案:

答案 0 :(得分:2)

是的。您需要spread props

<svelte:component this={upload_component} bind:action={restart} {...someprops}/>

(请注意,绑定和事件监听器不包含在这些道具中,但您始终可以在这些道具之间传递回调函数。)