有没有办法在 Svelte 中将道具声明为可选

Question

我创建了一些组件，这些组件采用可选的道具，例如 hide={true}。我的问题是，当我不通过该 prop 时，这些烦人的错误消息总是淹没我的控制台：

<MyComponent> was created without expected prop 'hide'

有什么方法可以将道具声明为可选的吗？

Answer 1

给他们一个默认值就可以了。

MyComponent.svelte

<script>
  export let i = 123 // Default value is now 123
</script>

<!-- Output is "i = 123" -->
<p>i = {i}</p>

App.svelte

<script>
    import MyComponent from './MyComponent.svelte'
</script>

<!-- No error here! -->
<MyComponent/>

因此，在您的情况下，您可以将 export let hide 更改为 export let hide = false。

Is there a way to declare props as optional in Svelte