问题标签 [next-redux-wrapper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
22137 浏览

javascript - 将 react redux 与 next.js 一起使用

我尝试将 Redux 与next.js 启动项目一起使用并安装next-redux-wrapper到项目中,但我不确定该项目中的根文件在哪里。

我尝试按照next-redux-wrapper上显示的教程进行操作,但没有成功。没变化。

请帮助我如何将 Redux 添加到项目中。

问候。

0 投票
0 回答
951 浏览

javascript - Next-redux-wrapper 和 next-redux-saga:存储被创建两次

编辑:这似乎与“next-redux-saga”和“redux-saga”新版本之间的交互有关——我在本地修补了“next-redux-saga”,因此它可以与“1.0”一起使用.0' 但在恢复它并改回 'redux-saga' 0.16.0 时,下面的问题就消失了。我会进一步调查

我正在使用 next-redux-wrapper 和 next-redux-saga 将 Next.js 连接到 redux 到我的 react 应用程序。它工作不一致。我做了一些调试,发现我的自定义 createStore 函数被调用了两次:一次是在应用程序首次启动时,就在getInitialPropsin之前_app.js,然后在pageProps = await Component.getInitialProps({ctx});return in之后再次调用_app.js

我使用了来自 Next.js 站点的示例 redux-saga 代码——除了项目应用程序中发生的许多其他事情在 Next.js 示例应用程序中没有发生之外,最大的区别就是 store 提供者在 _app.js 中包围了一个 Layout 组件,它又包含三个组件,一个用于页眉,一个用于页脚,一个用于主要内容——每个都与 store 连接。

这是发生了什么的痕迹——它既是我的 console.logs 也是 next-redux-wrapper 的调试语句。当正确接收到数据或道具时,我会指出,尽管我没有打印下面的所有数据(它出现在日志中)。您将在日志末尾看到正确接收数据的位置。

谢谢你的帮助!

0 投票
1 回答
714 浏览

javascript - 如何在 __app.js 中配置 appWithTranslation(nexti18next + withRedux (next-redux-wrapper)

我正在使用 react-redux、redux、nexti18next、next-redux-wrapper 将 reactjs 项目转移到 nextjs,这里是 _app.js 和 redux.js,它运行正确,但如果我添加 withRedux,则会出错。请告诉我如何解决这个问题或给我一些解决方案!

0 投票
0 回答
1552 浏览

reactjs - Next-Redux-Wrapper 不更新 SSR 存储

我正在开发一个使用 SSR 的应用程序。它基于 React、Next 和 Redux。我理解拥有客户端存储和服务器端存储并将它们相互同步的一般概念。

我正在使用 next-redux-wrapper 但似乎无法让服务器端存储保持其状态。

_app.js

state/reducers/index.js

这是一个页面/index.js(登录)

0 投票
5 回答
2528 浏览

javascript - 使用 next-redux-wrapper 时访问 React 外部的 Redux 存储

我有一个 NextJS React 应用程序,它使用 next-react-wrapper(基本上是一个 HOC),_app.tsx如下所示:

_app.tsx

store.ts

我正在努力研究如何访问 React 之外的商店,例如在一个简单的辅助函数中。我的store.ts文件导出了makeStorenext-redux-wrapper HOC 所需的函数(包括初始状态)。

我可以在 React 组件中访问存储,每次都将它作为参数传递给我的辅助函数,但这看起来很混乱。

有没有办法直接从非 React 辅助功能模块访问商店?

0 投票
1 回答
2583 浏览

reactjs - 下一个 redux 包装器出现无法读取未定义的属性 'getState' 的错误

在此处输入图像描述

在这个项目中,我将下一个 js 库与 redux 一起使用,并且我还使用下一个 redux 包装器我按照下一个 redux 包装器文档中提到的所有操作,但它在这里无法正常工作,它会出现 getState of undefined 错误,因为我显示在上图。所以在这里我调试了所有代码,但我找不到出现这个错误的地方。我在下面列出了我在我的 react js 文件中完成的代码。

_app.js

根减速器.js

store.js

0 投票
0 回答
289 浏览

reactjs - 从非组件访问 next-redux-wrapper 的存储

我有一个带有 next-redux-wrapper 和我的商店代码的应用程序

我正在使用 Redux next-redux-wrapper 导入商店和导出应用程序

一切正常,但我想从非组件文件访问商店

当我在主商店更改它时,lang 没有改变

0 投票
1 回答
2103 浏览

javascript - 将 Next.js 与 next-redux-wrapper 一起使用时,getInitialProps 似乎不起作用

我正在尝试使用'next-redux-wrapper' HOC 将我的 next.js Web 应用程序与 redux 挂钩。

我能够从 getInitialProps 函数从服务器获取数据,但是在用 next-redux-wrapper 包装我的 _app.js 之后,getInitialProps 函数似乎不起作用。

我在这里做错了什么,我该如何解决?

0 投票
0 回答
932 浏览

javascript - Redux 存储在客户端未定义(next-redux-wrapper)

我一直在尝试使用 nextjs 和 redux 创建一个入门工具包。我使用 next-redux-wrapper HOC 通过 getInitialProps 访问服务器端的存储。它成功地工作。但是,当我尝试在 render 方法中访问客户端上的 Store 时, store 被获取为 undefined。我认为问题出在_app.tsx。如果你有一个想法,我把回购网址:https ://github.com/agursoyy/next-redux-ts

0 投票
2 回答
6469 浏览

typescript - 如何使用 typescript、next-redux-wrapper、getServerSideProps?

我想要 JavaScript -> TypeScript!但是,太难了。

reducers/index.ts<-这是你的做法吗?我已经改变了一点。

看了官方文档,看不懂:https ://github.com/kirill-konshin/next-redux-wrapper#getserversideprops

这些代码在 JavaScript 中没有问题。但是 TypeScript 有一个问题。