苗条的传递数字作为道具

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>

我无法将 prop 作为数字传递，它只接受像 <Infobox classCount="2" taskCount="6" />.

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

提前致谢 ：）

Answer 1

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

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

这解决了这个问题。