typescript - 使用 svelte 将单选组绑定(bind)到 bool 值

Question

我想创建一个纤细的组件，它导出一个可以绑定(bind)的 bool 值并表示单选按钮组的状态，如以下代码:

<script lang="ts">
    export let firstSelected = true;
</script>

<input type="radio" bind:group={firstSelected} value={true}/>
<input type="radio" bind:group={firstSelected} value={false}/>

问题在于 svelte-check 发出错误:

Error: Type 'true' is not assignable to type 'string | number | string[]'. (ts)
Error: Type 'false' is not assignable to type 'string | number | string[]'. (ts)

一种可能的解决方法是使用数字而不是 bool 值，但这会改变组件的界面:

<script lang="ts">
    export let firstSelected = 1;
</script>

<input type="radio" bind:group={firstSelected} value={1}/>
<input type="radio" bind:group={firstSelected} value={0}/>

有没有办法解决这个问题，同时仍然公开可绑定(bind)的 bool 值？如果没有，有没有办法忽略这个错误？

REPL 示例:https://svelte.dev/repl/b6e9042a1b594f2bb77b1e8e7b38ffe1?version=3.31.2

Answer 1

这是 Svelte 工具的一种过于严格的类型，在最新版本的 Svelte for VS Code (105.9.0) 和 svelte-check 中放宽了这种类型。 (2.2.12)。