苗條的相當於 React 的 props.children？

Question

我在 svelte 3 的任何地方都沒有找到這個功能.. 我希望它是這樣的..

App.svelte

<Error>
   <p>Can't connect to the server!</p>
</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>