问题标签 [next-redux-wrapper]

我正在尝试在服务器端渲染时获取 redux 存储。但我store在页面组件的getinitialProps.

我正在使用 next-redux-wrapper 6.0.2。我无法使用 getServerSideProps 存储数据，但我可以使用 getInitialProps 来存储。我不明白为什么。这是代码。

这个不行

这个效果很好。

这是 redux-wrapper 的存储选项

请让我知道有人知道为什么。谢谢你。

所以我使用nextjs示例with-redux-saga来计算如何在_app.js文件中调用 store.getState componentDidMount？

这是商店配置：

这是_app.js文件：

版本：

问题是当我在 componentDidMount 上记录存储时，它只显示sagaTask而不是客户端的其他存储方法：

非常感谢任何帮助或提示。

在 next.js 中，我们可以在 getServerSideProps 中请求 api 并通过 props 将数据传递给页面，如下所示：

方法1：（下一个默认方法）

我在大型项目中工作所以我想只使用 thunk 管理所有服务器和客户端请求，然后将其存储到 redux 并在页面中使用，如下所示：

方法 2：（使用 next-redux-wrapper）

我想知道哪种方法更好？使用第二种方法将所有预渲染数据和应用程序的客户端状态存储在 redux 中是否是反模式？

我试图用 redux-toolkit 实现 next-redux-wrapper。正如https://github.com/kirill-konshin/next-redux-wrapper/blob/master/packages/demo-redux-toolkit/pages/_app.tsx中的示例所示。

正如示例所暗示的，商店应该使用useWrappedStore方法进行包装。不幸的是，在图书馆的任何地方都找不到它。

有人知道如何解决这个问题吗？

我正在尝试使用 next-redux-wrapper 将 redux-persist 添加到 next.js，但存储没有更新，状态在页面刷新期间丢失，

这是我的store.ts文件：-

这是我的reducer.ts文件：-

还有我的_app.tsx文件：-

是否需要在reducer 文件中手动执行persist/REHYDRATE操作？，我正在检查persist/REHYDRATE操作，但该操作未定义有效负载。

大家好，我一直在使用 next.js、redux 和 sanity.io。太可怕了……哈哈

无论如何，这是我坚持的代码

如您所见，我正在完美地连接到 redux 存储，并且数据被重新调整，如下所示：

所以我得到的数据结构是

通常我只是使用 Object.keys 来映射对象并且我使用它没有问题，那么为什么它在这里不起作用呢？

仔细看看 Object.keys

这就是我从渲染中得到的

完全没有数据。

我必须在 next-redux-wrapper 中设置 initialState 才能让它工作，不要问我为什么......我希望我会留在 Gatsby.js。

我真的可以帮助有人可以帮助解决这个问题，因为它让我发疯，我敢打赌它是如此简单！

我试图从 CSR 商店更新用户信息，然后期望在 SSR 商店获取用户信息。

但正如你所见，没有任何信息。水合作用似乎不起作用。

为了解决问题，我导入store并添加persistor了store.tstype persistor/REHYDRAGE。发生操作时，如何使用 CSR 存储更新 SSR 存储persistor/REHYDRAGE？

我将真诚地感谢您的帮助.......

我指的是：

• https://github.com/kirill-konshin/next-redux-wrapper
• https://github.com/rt2zz/redux-persist#nested-persists

这些是我的代码。

我使用next-redux-wrapper、MSW和将我的数据存储在存储中，以及模拟 API 调用和从模拟数据库中获取数据@mswjs/data。redux-toolkit

我有以下情况发生在我身上。

1. 我在页面上，在控制台和终端中，我可以看到数据是从模拟数据库中/content/editor获取并从getStaticProps. Editor.js因此，现在 ID 1 到 6 在商店内可访问。
2. 现在我点击加号图标来创建一个新项目。我填写对话框并按“保存”。一个 POST 请求开始，它处于挂起状态，然后它得到满足。新项目现在在模拟数据库和商店中，我现在可以看到 ID 1 到 7。
3. 由于我点击了“保存”并且 POST 请求成功，我被路由/content/editor/7到查看新创建的项目。
4. 现在我在 Page [id].js，它还从模拟数据库中获取数据，然后将其存储并水合到 redux 存储中。这个想法是，它获取先前存储的状态并将其与新数据（如果有的话）一起传播到存储中。
5. 现在 ID 7 不再存在。ID 1 到 6 也不再存在，相反，我可以在控制台和终端中看到 ID 8 到 13 已创建，而之前的 ID 已不存在。

显然，这不是很好。当我创建一个新项目然后切换路由时，我应该能够访问新创建的项目以及之前创建的项目。但相反，它们都被覆盖。

它要么与next-redux-wrapperor有关系MSW，但我不知道如何使它工作。我需要帮助。我现在将发布一些代码：

代码

获取静态道具

模拟数据库

工厂

我将把代码缩短为相关位。我将删除项目的属性，以及用于生成数据的辅助函数。

API 处理程序

我将把它缩短为仅 GET 和 POST 请求。

项目切片

我也将把它缩短为相关的片段。

这应该是所有相关代码。如果您有任何问题，请提出问题，我会尽力回答。

我正在使用 next.js 制作 Web 应用程序，现在我需要从 api 获取数据。我正在尝试使用 redux 获取数据并使用它的组件，但由于 SSR，它无法正常工作。我看了很多教程，但它们没有帮助。目前我认为将 redux 与下一个 js 连接起来，从 api 获取数据并在网站上查看。但是，例如，在 Web 应用程序重新渲染之前，用于更改滑块上的幻灯片的按钮不起作用，或者在鼠标悬停时菜单未打开。请帮助解决这个问题。如果你需要一些额外的信息，我可以给它

_app.js

store.js

减速机之一

动作之一

这就是我使用状态的方式