SvelteKit导航goto状态

Question

在SvelteKit导航中，转到允许在第二个参数中传递state，如：

import { goto } from '$app/navigation';

// ...

goto('/login', { state: { foo: 'bar' } });

这些文档没有说明在结果导航发生后如何使用/检索state。state似乎没有出现在$page上，在$navigating上也没有。

如何使用state传递给goto()的第二个参数？它是否当前丢失，您必须创建自己的可写存储来管理此状态？

这是一个适配器-静态 SvelteKit应用程序。

Answer 1

所引用的状态是保存在浏览器选项卡或窗口的历史堆栈上的状态。

您可以通过两种不同的方式访问它：

• 直接读取history.state的值，虽然在实践中并不十分有用，因为它只返回历史堆栈顶部的状态值。
• 通过侦听波波事件，当历史堆栈“弹出”(例如:在浏览器上按回按钮或编程导航)时会触发该事件，在这种情况下，state将是事件触发时传递给侦听器的合成event对象上的一个属性。

Answer 2

初学者简介:就像在SvelteKit文档上看到的那样，在路由之间没有直接的状态通信。每个选项都是关于使用与路由本身不同的应用程序层。上面@Thomas Hennes没有提到的唯一选择是使用商店。