苗条的阅读嵌套商店

Question

在 Svelte 中，我可以使用 $ 符号从商店中读取：

<script>
  export let myStore;
</script>
<p>
  {$myStore}
</p>

如何从存储中读取对象的属性？例如。假设 foo.store 是一家商店。

我试过$foo.store、$(foo.store)和foo.$store，都没有用！

我知道我可以 let foo_store = foo.store 然后 $foo_store，但我正在寻找更简单的方法。

编辑也在寻找分配存储的解决方案。

Answer 1

简短的回答是你不能——为了语法糖的目的，存储总是自由变量。出于这个原因，通常使用解构：

const { x, y, z } = stores;

svelte read nested store