首页 > 解决方案 > 如何在 Svelte 中基于整数多次渲染组件?

问题描述

案例:渲染 Button 组件 5 次

<script>
  const timesToBeRendered = 5;
</script>

<Button/> //Render this component x (5) times

标签: svelte

解决方案


您可以使用svelteeach

<script>
  import Button from './Button.svelte'
  const timesToBeRendered = 5;
</script>

{#each Array(timesToBeRendered) as _, index}
  <Button key={index} />
{/each}

重复


推荐阅读