Svelte3의 슬롯 ด้วย $$ 슬롯

เมื่อ เมื่อ เมื่อ มา อ่าน บท นี้ นี้ ก็ คง คง จะ พอรู้ พอรู้ และ ใช้ ใช้ งาน งาน 슬롯 มา พอ สมควร สมควร แล้ว นี้ นี้ เรา มา ตรวจ ค่า จาก จาก 슬롯 กัน หน่อย หน่อย หน่อย

สืบ สืบ สืบ จาก 슬롯 มี การก หนด หนด 폴백 ได้ ได้ ปัญหา ปัญหา ใน เรื่อง เรื่อง นี้ คือ คือ เมื่อ เรา เรา ไม่ ไม่ ก ไหนด ค่า ให้ ให้ 슬롯 기본값 แต่ 슬롯 ก็ ยัง ค่า ค่า ค่า ค่า ดี ดี ดี ถ้่า หาก เรา ต้องการ ตรวจสอบค่า จาก จาก จาก 슬롯 นั้น ก่อน จะ ทำ อย่างไร ดู ดู กัน กัน เรา เรา เรา 감사합니다

/* Comment.svelte */
<div class="discussion">
  <h3>Comments</h3>
  <slot name="comment">
    default slot
  </slot>
</div>

/* App.svelte */
<script>
  import Comment from "Comment.svelte";
</script>

<Comment>
  <span slot="comment">Title Comment</span>
</Comment>

<Comment />

룰렛


แต่ แต่ แต่ เรา ถ้า ถ้า ค่า ค่า 슬롯 ก่อน ก่อน ว่า มี การ ส่ง ค่า ค่า ค่า ค่า ค่า มา แสดง แสดง 함량 ได้ เรา ใช้ ใช้ ใช้ $$slots ตรวจสอบค่า ได้ ได้ ได้

/* Comment.svelte */

{#if $$slots.comment}
<div class="discussion">
  <h3>Comments</h3>
  <slot name="comment">
    default slot
  </slot>
</div>
{/if}

룰렛


ถ้าเราไม่ได้ส่ง 명명된 슬롯 เข้า ไปมันก ็ไม่แสดง 대체 콘텐츠 อกมาแล้ว
лอง ไป ปรั บ ใ ช ้ กง น ะ ครั บ

ศึกษาเพิ่มเติมเรื่อง 슬롯 태그 ได้ที่ slot tag

หากสนใจ svelte สามารถเรียนรู้การใช้งาน 날씬한 แบบ 단계별 ได้ที่
Svelte: Framework Not Framework — (ตอนที่ 1) แรกรู้จัก

ขอบคุณ ขอบคุณ ขอบคุณ ท่าน ทุก อ่าน มา ถึง ถึง ตรง นี้ นี้ ถ้า ถ้า อ่าน อ่าน แล้ว รู้ รู้ มี ประโยชน์ ฝาก กด กด หรือ หรือ หรือ 공유 링크 ให้ คน อื่น รับ รับ รู้ ด้วย ด้วย นะ ครับ ขอบคุณ ครับ