Javascript 如何在苗条组件中接收任意道具并传递给子组件？

我想从“上面”接收任意道具，并将它们传播到一个

，如图所示，

inputProps

将成为一个包含此组件上设置的任何附加道具的对象（类似于python的

**kwargs

，如果您熟悉的话）：

出口许可证；
输出…输入道具；
id:{id}

---

你能给我指一个正确的苗条的机制来完成这样的事情吗？我有一种感觉，我问错了问题，但我需要一个苗条的开发人员来纠正我的错误。我应该改用插槽吗？或者了解操作/“使用指令”？

在导出时，您不需要使用扩展运算符

<script>
 export let id;
 export inputProps;
</script>

<div>
 id: {id}
 <input {...inputProps} />
</div>

出口许可证；
输出输入道具；
id:{id}

您可以使用访问提供给组件的所有道具

<input {...$$restProps}>

$$props

引用传递给组件的所有props—— 包括未使用

导出

声明的。它在罕见的情况下很有用 案例，但一般不推荐，因为苗条的人很难 优化

<Widget {...$$props}/>

示例（）

从“/Child.svelte”导入子对象；
let id，inputProps；
$：（{id，…inputProps}=$$props）；
id:{id}

Svelte现在还提供

$$restProps

。看

$$props

引用传递给组件的所有props–包括未使用导出声明的props。这在极少数情况下很有用，但通常不推荐，因为苗条很难优化

<Widget {...$$props}/>