问题标签 [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.
javascript - 将 react redux 与 next.js 一起使用
我尝试将 Redux 与next.js 启动项目一起使用并安装next-redux-wrapper
到项目中,但我不确定该项目中的根文件在哪里。
我尝试按照next-redux-wrapper上显示的教程进行操作,但没有成功。没变化。
请帮助我如何将 Redux 添加到项目中。
问候。
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 函数被调用了两次:一次是在应用程序首次启动时,就在getInitialProps
in之前_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 的调试语句。当正确接收到数据或道具时,我会指出,尽管我没有打印下面的所有数据(它出现在日志中)。您将在日志末尾看到未正确接收数据的位置。
谢谢你的帮助!
javascript - 如何在 __app.js 中配置 appWithTranslation(nexti18next + withRedux (next-redux-wrapper)
我正在使用 react-redux、redux、nexti18next、next-redux-wrapper 将 reactjs 项目转移到 nextjs,这里是 _app.js 和 redux.js,它运行正确,但如果我添加 withRedux,则会出错。请告诉我如何解决这个问题或给我一些解决方案!
reactjs - Next-Redux-Wrapper 不更新 SSR 存储
我正在开发一个使用 SSR 的应用程序。它基于 React、Next 和 Redux。我理解拥有客户端存储和服务器端存储并将它们相互同步的一般概念。
我正在使用 next-redux-wrapper 但似乎无法让服务器端存储保持其状态。
_app.js
state/reducers/index.js
这是一个页面/index.js(登录)
javascript - 使用 next-redux-wrapper 时访问 React 外部的 Redux 存储
我有一个 NextJS React 应用程序,它使用 next-react-wrapper(基本上是一个 HOC),_app.tsx
如下所示:
_app.tsx
store.ts
我正在努力研究如何访问 React 之外的商店,例如在一个简单的辅助函数中。我的store.ts
文件导出了makeStore
next-redux-wrapper HOC 所需的函数(包括初始状态)。
我可以在 React 组件中访问存储,每次都将它作为参数传递给我的辅助函数,但这看起来很混乱。
有没有办法直接从非 React 辅助功能模块访问商店?
reactjs - 从非组件访问 next-redux-wrapper 的存储
我有一个带有 next-redux-wrapper 和我的商店代码的应用程序
我正在使用 Redux next-redux-wrapper 导入商店和导出应用程序
一切正常,但我想从非组件文件访问商店
当我在主商店更改它时,lang 没有改变
javascript - 将 Next.js 与 next-redux-wrapper 一起使用时,getInitialProps 似乎不起作用
我正在尝试使用'next-redux-wrapper' HOC 将我的 next.js Web 应用程序与 redux 挂钩。
我能够从 getInitialProps 函数从服务器获取数据,但是在用 next-redux-wrapper 包装我的 _app.js 之后,getInitialProps 函数似乎不起作用。
我在这里做错了什么,我该如何解决?
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
typescript - 如何使用 typescript、next-redux-wrapper、getServerSideProps?
我想要 JavaScript -> TypeScript!但是,太难了。
reducers/index.ts
<-这是你的做法吗?我已经改变了一点。
看了官方文档,看不懂:https ://github.com/kirill-konshin/next-redux-wrapper#getserversideprops
这些代码在 JavaScript 中没有问题。但是 TypeScript 有一个问题。