首页 > 解决方案 > 插槽道具和打字稿,如何处理类型?

问题描述

我在项目中使用插槽道具。我有一个以数组作为输入的通用组件。

我的组件:

<script lang="ts">
    export let data: Array<any>;
</script>

<div>
    <!-- some stuff ... -->
    {#each data as item}
        <slot {item} />
    {/each}
    <!-- ... and other stuff ... -->
</div>

呼叫者:

<script lang="ts">
    let myData : Array<MyType> = ...
</script>

<MyComponent data={myData} let:item>
    <li>{item.myVerySpecificField}
</MyComponent>

我无法理解如何强制将项目键入为 MyType。有任何想法吗?

它按原样工作,但我在编译时没有得到任何检查。

标签: typescriptsveltesvelte-3

解决方案


推荐阅读