Breaking News: Grepper is joining You.com. Read the official announcement!

foreach in svelte

mahmoud bakheet answered on October 24, 2022 Popularity 9/10 Helpfulness 5/10

answer foreach in svelte

foreach in svelte

Comment

<script>
	import Thing from './Thing.svelte';

	let things = [
		{ id: 1, color: 'darkblue' },
		{ id: 2, color: 'indigo' },
		{ id: 3, color: 'deeppink' },
		{ id: 4, color: 'salmon' },
		{ id: 5, color: 'gold' }
	];

	function handleClick() {
		things = things.slice(1);
	}
</script>

<button on:click={handleClick}>
	Remove first thing
</button>

<div style="display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em">
	<div>
		<h2>Keyed</h2>
		{#each things as thing (thing.id)}
			<Thing current={thing.color}/>
		{/each}
	</div>

	<div>
		<h2>Unkeyed</h2>
		{#each things as thing}
			<Thing current={thing.color}/>
		{/each}
	</div>
</div>

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: svelte.dev

Tags: foreach svelte whatever

Link to this answer
Share Copy Link

Contributed on Oct 24 2022

mahmoud bakheet

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

foreach in svelte

Contents

More Related Answers

foreach in svelte

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.