相当于React的props.children吗？

Question

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

瘦身

<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>