Svelte 官方教程在其文档中使用了如此复杂的对象<svelte:self>

如果这个对象需要响应并放置在 store 中，应该怎么做？树应该被包装为单个存储，还是每个文件和文件夹都是它自己的存储并且存储相应地嵌套？

在这两种情况下，似乎只要更改了顶级属性（svelte store 认为对象的更新总是新鲜的），就会检查整个树是否有更改？

我在 Svelte 做一个 SPA，想知道是否可以创建一个自定义存储来在组件之间来回切换。

这是一个工作示例，我使用字符串数组来显示该方法。 https://svelte.dev/repl/1f9e72105e8d45e0bd6df61b304fd257?version=3.31.0

如果我们将一些组件导入 mystore并创建一个组件数组，它将不会呈现。可能我错过了一些概念，所以任何帮助都会非常感激:)

现在，为了解决这个问题，我使用我的数字store，然后App.svelte我设置我的组件数组。

我不明白如何在组件中使用可写存储并且仍然让 DOM 对状态的变化做出反应。

我想更改存储状态对象键并检索其最新值，然后将其用于组件中。

商店确实更新正确。唯一的问题是在存储状态更改时更新 DOM。

状态和存储类型

店铺

用法

它被用在一个苗条的组件和一个 TS 帮助文件中

期望的结果

我希望在调用onWordClickDOM 后重新检查isWordSelected并将最新的布尔值Word从商店传递给组件

更新

我找到了一个可行的解决方案

但是，不确定这是最好的方法。有什么建议么？

更新 2

现在 store 上的 reset 回调会阻止 DOM 上的反应。也就是说，在按下重置后，DOM 或助手中不会反映任何状态更改。

我在这里查看关于 svelte 中的 typescript 泛型的这一部分，它提到了

Svelte 商店支持开箱即用的仿制药

在我的项目中，我像这样向商店项目添加了一个泛型

但是，当我update这样使用时

打字稿没有抱怨。这也发生在set，该方法只有一个any类型。

我对 Svelte/Sapper 有点陌生，我正在尝试从 JS 组件更新 Svelte 商店。

只要它们是没有“深度”/嵌套对象的常规变量，设置和获取值就可以正常工作。

我不确定我是否做错了什么，或者是否真的无法在不替换整个对象的情况下更改对象的特定键。

让我解释一下我的意思：

stores.js

**test.js**

错误：

谁能解释我在这里做错了什么？提前谢谢了！

我有两个组件在组件树中很远，我对如何在两者之间进行通信有疑问。我有搜索组件、listItems 和一个商店。

store.svelte

搜索组件

listItems 组件

问题是如何将两个组件与您在输入中写入的值进行通信并制作过滤器。

我想知道是否可以输入自定义苗条商店的美元符号值？

从这个例子：

应用程序.svelte

商店.js

您如何{$count}使用自己的打字稿界面键入变量？

谢谢您的帮助

我有一个数组store.ts

我想遍历数组，在component.svelte：

这失败了：

'Writable<Annotation[]>' 类型的参数不可分配给 'ArrayLike' 类型的参数

这是有道理的 - 该Writable对象不是常规数组，它是一个Writable.

如何遍历 Svelte 商店中的数组？

基于我制作的这个 REPL 示例。我像这样创建了两个苗条的自定义商店：

如何使用 Store1 访问 $Store2 的值？我只找到了这个解决方案，但是一直导入和调用get函数有点烦人

编辑：而且它不是被动的......

如果你有更好的方法，我会接受。

编辑：如果你有什么工作，我一定会接受的。

通过 Map 对象被添加到 Svelte Store。

每个对象都有一个 ID，应该可以遍历这些 ID。使用 $entities.get("123").currentPage;

返回此 Object 的当前 Page。

如何遍历多个 ID 以返回商店中所有对象的当前页面？