Есть ли способ объявить реквизит необязательным в Svelte

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.