苗条的传递数字作为道具

Question

我是 Svelte 的新手，我正在尝试传递一个数值作为 prop。这是下面的代码。

<script lang="ts">
  import Infobox from "./Infobox.svelte";
</script>

<Infobox classCount=2 taskCount=6 />

<style></style>

<script lang="ts">
  export let taskCount: number;
  export let classCount: number;
</script>

<section>
  <div>{taskCount} Tasks</div>
  <div>Class {classCount}</div>
</section>

<style></style>

我无法将道具作为数字传递，它只接受像这样的字符串 <Infobox classCount="2" taskCount="6" />.

我在这个项目中也使用了打字稿。

提前致谢:)

Answer 1

传递 prop 值的正确方法是使用花括号。

<Infobox classCount={2} taskCount={6} />

这解决了问题。

苗条的传递数字作为道具

Svelte passing number as prop

typescript

svelte