새 구성 요소를 동적으로 생성하는 것이 svelte에서 작동하지 않습니다.

Question

그래서 버튼을 눌렀을 때 새로운 컴포넌트를 생성하려고 합니다.

버튼 위치는 다음과 같습니다:

으아아아

호출되는 함수는 다음과 같습니다:

으아아아

이 세 가지 소품은 문자열이어야 합니다. 그게 바로 문자열입니다. 하지만 나는 항상 이 세 가지 소품에 대한 정의를 내리지 못합니다.

이 코드에 어떤 문제가 있는지 전혀 모르겠습니다. 해결책이나 다른 방법이 있으면 모두 가져가겠습니다 :)

Answer 1

속성을 속성으로 사용 props 통과:

으아악

문서

(올바른 속성 이름이라고 가정합니다.)

그러나 위에서 언급했듯이 이것은 Svelte에서 할 일 목록을 만드는 방법이 아닙니다. 데이터는 목록에 추가되어야 하며 항목은 {#each} 을 사용하여 선언적으로 생성되어야 합니다.

대략 다음과 같습니다:

으아악 으아악

중간에 항목을 추가/제거하는 경우 {#each}키가 필요합니다. 문서를 참조하세요.