メインコンテンツへスキップ

これまで、内部状態のみを扱ってきました。つまり、値は特定のコンポーネント内でのみアクセス可能です。

実際のアプリケーションでは、あるコンポーネントからその子コンポーネントにデータを渡す必要があります。そのためには、プロパティ(一般的に「プロップス」と略されます)を宣言する必要があります。Svelteでは、$propsを使って宣言します。Nested.svelteコンポーネントを編集してください。

ネスト
<script>
	let { answer } = $props();
</script>

GitHubでこのページを編集

1
2
3
4
5
6
<script>
	import Nested from './Nested.svelte';
</script>
 
<Nested answer={42} />