Привет всем. У меня не получается понять, как работает each

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Привет всем. У меня не получается понять, как работает each

с ключом. Как сделать, чтобы formatDate не вызывалось 500 раз (вообще не вызывалось), когда нажимаешь кнопку SPLICE? Код для REPL:

<script>
let messages = []
const tmp = []
for (let i = 0; i < 500; i++)
tmp.push({ timestamp: 60000 * i })
messages = tmp

const formatDate = timestamp => {
console.log('formatDate')
return new Date(timestamp).toLocaleString('ru')
}

const splice = () => {
messages.splice(1, 1)
messages = messages
}
</script>

<div on:click={splice}>SPLICE!</div>
{#if messages.length}
{#each messages as msg (msg.timestamp)}
{formatDate(msg.timestamp)}
<br>
{/each}
{/if}

#programming #russian #svelte

0

07.05.2020

3 ответов

9 просмотров

Th0r

через options immutable можно. без доп компонента не придумал https://svelte.dev/repl/598ab299720e4bb2b8955f92305c33e3?version=3.22.2

0

07.05.2020

Evgeny Reznichenko

а я бы не рекомендовал исползовать splice потому что он мутирует текущий массив, а это может породить ошибки. Я бы делал как тио так: https://svelte.dev/repl/4efb6df98f9c484a9aac494fd1202667?version=3.22.2

0

08.05.2020

Alexander Zinchenko · Accepted Answer

Alexander Zinchenko

https://svelte.dev/repl/7e35f641bdea48bcb21a599dfb7b087a?version=3.22.2

0

07.05.2020

169 похожих чатов

Привет всем. У меня не получается понять, как работает each

3 ответов

Похожие вопросы