slim 的别名/重命名 Prop

Question

有没有办法在 svelte 中重命名/别名 Prop ？

例如，如果我有一个采用 foo 属性的组件，但我还想要一个用于当前状态的 foo 局部变量，是否有任何方法可以重命名incoming prop 有点像这样:

export let foo as forceFoo;
let foo = forceFoo | null;

通常正确答案是以下两个之一:

1. 将 Prop 重命名为 initialFoo
2. 重命名状态

在这种情况下重命名 prop 是不合适的 - 它是组件的公共(public) API 而不是初始状态，它是一个强制该字段值的可选覆盖。

重命名状态对于单个字段是可以的，并且通常适用于通用组件，但是当组件是具有许多字段的表单并且必须将这些字段传递给期望它们具有的保存函数时，它变得可怕且笨拙正确的名字。

Answer 1

正确的语法如下:

<script>
  // aliased prop
  let forceFoo
  export { forceFoo as foo }

  // local state
  let foo = forceFoo
</script>