[Svelte] 스벨트 3장 Props


[Svelte] 스벨트 3장 Props

Props # 지금까지 우리는 내부 상태만을 다루었습니다. 즉, 값은 주어진 구성 요소 내에서만 액세스할 수 있습니다. 모든 실제 응용 프로그램에서는 한 구성 요소의 데이터를 하위 구성 요소로 전달해야 합니다. 그렇게 하려면 일반적으로 'props'로 축약되는 속성을 선언해야 합니다. Svelte에서는 export 키워드로 이를 수행합니다. Nested.svelte 구성 요소를 편집합니다. <script> export let answer; </script> ※ 이렇게 하면 재사용성이 높아집니다. # App.svelte <script> import Nested from './Nested.svelte'; </script> <Nested answer={42}/> # Nested.svelte <script> export let answer; </script> <p>The answer is {answer}</p> The answer is 42 Props 응용 # props의 기본값을 쉽게 지...


#svelte #스벨트

원문링크 : [Svelte] 스벨트 3장 Props