Hello guysss.. welcome back to our channel… Okay jadi kita sudah membuat yang awalnya local state menjadi global state dan siap untuk ke tahap yang lebih menantang ya guyss… oke langsung aja…
Simplify and override value
Oke pada tahap ini kita akan mencoba menyederhanakan function dan kita merubah value default dari global state saat digunakan oleh component lain.. ini sangat bagus ya karena biasanya jika value default nya sudah belum ditentukan maka seharusnya dia undefined.. tetapi di svelte tidak seperti itu…
Button.svelte
<script>
export let count = 42;
const increment = () => {
count += 1;
};
</script>
<style>
</style>
<button on:click={increment}>
count: {count}
</button>App.svelte
<script>
import Button from "./Button.svelte"
export let name;
let count;
</script>
<main>
<h1>Hi {name}!</h1>
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
<Button {count} />
<Button count={0} />
</main>Result
sangat mudah ya kita meng-override defualt valuenya… okay link github ada disini … cyaaa…
