相当于React的props.children吗？

Question

我在svelte 3的任何地方都找不到此功能。 我希望它像这样。

App.svelte

<Error>
   <p>Can't connect to the server!</p>
</Error>`

Error.svelte

<div>{props.children}</div>

我希望App.svelte显示<div><p>Can't connect to the server!</p></div>

我只知道如何使用React的props.children

Answer 1

您可以使用slot。它是svelte提供的组件。您可以在组件内部使用它。传递给组件的所有内容都将替换插槽

以您的error.svelte

尝试

<div>
    <slot />
</div>