面试题：Svelte中如何为Props设置默认值及进行简单类型检查

Question

在Svelte组件中，阐述如何为Props设置默认值。假设我们有一个名为`MyComponent`的组件，它接收一个名为`message`的字符串类型的Prop，展示如何为`message`设置默认值为'Hello, World!' 并简单检查其类型。

Answer 1

在Svelte组件中，可以在声明props时为其设置默认值并进行类型检查。对于MyComponent组件接收message字符串类型prop的情况，代码如下：

<script lang="ts">
    export let message: string = 'Hello, World!';
</script>

<p>{message}</p>

在上述代码中，通过export let message: string = 'Hello, World!'声明了一个名为message的prop，指定其类型为string并设置默认值为Hello, World!。这样在使用MyComponent组件时，如果没有传递message，则会使用默认值。同时通过类型声明string对其类型进行了简单检查。