有没有一种方法可以在Svelte中将props声明为可选

Question

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

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