Khai báo props

Svelte cơ bản / Props

Part 1/ Props/Khai báo props

Đến bây giờ, chúng ta đã làm việc với những trạng thái bên trong (internal state) - phải nói là, những giá trị ấy chỉ có thể truy cập được trong mỗi component đó.

Nhưng trong thực tế, với các ứng dụng, bạn cần phải chuyển dữ liệu từ component này xuống những component con của nó. Để làm thế, ta cần phải khai báo properties (thuộc tính), thường sẽ được viết tắt là 'props'. Trong Svelte, ta có thể làm thế với từ khoá export. Hãy sửa component Nested.svelte thành:

<script>
	export let answer;
</script>

Cũng như $:, cái này nhìn có vẻ lạ một chút. Bởi vì bình thường export không hoạt động như thế trong mô-đun JavaScript! Nhưng mà bạn cứ dùng đi - bạn sẽ quen dần thôi.