如何使用redux -sag.在getInitialProps中获取数据，然后在getInitialProps方法中从redux store获取响应？

文章/答案/技术大牛

发布

1回答

reactjs、redux、next.js、server-side-rendering、redux-saga

在重写它的时候，我很难弄清楚如何正确地处理redux和redux-saga来完成获取和存储数据的过程。在这个项目中使用Next.js的主要原因是利用getInitialProps方法，在第一个页面加载发生之前获取服务器端的数据。但由于某些原因，我无法“等待”Redux调度完成并按时获取获取的数据。因此，最终发生

浏览 12提问于2020-02-20得票数 5

2回答

下一个JS和Redux: getInitialProps不返回道具

reactjs、redux、react-redux、next.js、server-side-rendering

我试图找到一个甜蜜的地方使用redux和下一个JS，而不使设置太复杂。GOAL：利用getInitialProps(用于)来调度操作(特别是涉及API请求的操作)，以便预先加载数据并对其进行存储。return <h1>Home page</h1> await store.dispatch()是控制台，但

浏览 2提问于2020-08-10得票数 0

1回答

Next.js + Redux:在服务器端获取的数据永远不会移动到页面属性

reactjs、redux、next.js

我正在使用next.js和redux构建一个web应用程序，并尝试从服务器端的getInitialProps获取数据。在getInitialProps中有一个准备触发的redux操作，它会在我点击或刷新页面时触发。问题是，在它被触发后，数据会从数据库中成功获取并存储在redux存储中<

浏览 23提问于2020-04-28得票数 1

2回答

Next.js + Redux:在完成getInitialProps中的数据操作之前加载页面

reactjs、redux、react-redux、next.js、redux-thunk

我试图从API中获取数据，方法是触发页面中的“getItems”操作(假设它是页面A)。有人能告诉我，即使在刷新页面时，

浏览 3提问于2020-04-27得票数 1

1回答

NextJS，getServerSideProps中的预加载剩余数据

reactjs、react-redux、next.js

基于官方NextJS文档中的这个NextJS，他们建议使用getServerSidedProps和getStaticProps而不是getInitialProps。我想将一些数据预加载到服务器上的Redux状态。所以我有基本的商店设置： <Provider store={stor

浏览 3提问于2020-04-17得票数 17

回答已采纳

1回答

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

javascript、reactjs、redux、next.js、next-redux-wrapper

我正在尝试通过使用‘next.js - redux -wrapper’来将我的next web应用程序与redux连接起来。我能够从getInitialProps函数从服务器获取数据，但是在用next-redux-wrapper包装我的_app.js之后，getInitialProps函数似乎不能工作。我如何才能修复它？import React from 'react' impo

浏览 3提问于2020-04-27得票数 0

1回答

在使用带redux的getInitialProps时，如何在服务器端获取next.js中的数据？

reactjs、redux、react-redux、next.js

我正在使用next.js和redux构建一个web应用程序，并尝试在刷新或访问页面时通过直接输入url地址来获取数据。我在getInitialProps中添加了一个"getItems“操作，这样它就会在刷新页面时自动触发，但它永远不会工作。如果我在页面刷新后手动单击"getItems“操作按钮，它会从DB加载数据，所以我猜操作函数工作得很好。但是如何在刷新页面

浏览 13提问于2020-04-28得票数 0

2回答

在NextJS getInitialProps中调用调度时访问redux状态

reactjs、redux、next.js

我正在使用Next.js，并希望使用redux预取一个API项。下面是一些几乎有效的代码： static getInitialProps ({ store }) { return { }我遇到了组件在</e

浏览 7提问于2017-07-29得票数 0

回答已采纳

1回答

Next.js:使用TypeScript的next-redux-wrapper在getServerSideProps中调用Thunks？

reactjs、typescript、redux、next.js、redux-thunk

我正在尝试使用next-redux-wrapper存储从Next.js中的getServerSideProps分派一个thunk。我以前没有在Redux中使用过TypeScript，所以不确定我在这里做错了什么…… 我的代码如下： // page.tsx async ({ store, params })

浏览 22提问于2020-06-12得票数 5

3回答

使用next.js时出现服务器错误，错误:找不到react-redux上下文值；请确保组件包装在<Provider>中

reactjs、redux、react-redux、next.js、provider

我使用next.js ssr，我得到了服务器错误，我的代码如下:错误:找不到react-redux上下文值；请确保组件包装在我假设我的代码有一些使用错误，但我不知道如何修复？在我的Header.jsx中： import React from 'react' useSelector, )expor

浏览 56提问于2020-07-16得票数 2

回答已采纳

1回答

如何在nextjs中分派、存储和重写初始道具？

reactjs、redux、redux-thunk、next.js

我想在getInitialProps中调用API，然后将响应保存在redux store.so中，如何调用调度存储并覆盖初始道具？现在，在从API中获取数据之后，我可以将值分配给还原器，它也可以保存数据，但是在保存数据之后，我的应用程序调用了初始道具(我不知道它在哪里改变状态)，并将新保存的数据重写为初始道具。/lib

浏览 0提问于2019-03-27得票数 0

回答已采纳

1回答

如何在next.js应用程序中使用Jest end酶编写单元测试redux连接组件

reactjs、redux、jestjs、enzyme、next.js

在React Single Page App中，我们需要将createStore的逻辑分离到另一个组件(通常称为<Root />)，以便在测试文件中重用它，以便让connect函数与存储链接import { Provider } from "react-redux"; import { createStore } from "reduxreturn <Prov

浏览 15提问于2019-07-17得票数 3

1回答

Nextjs、thunk和getInitialProps* -如何实现*

reactjs、redux、redux-thunk、next.js、server-side-rendering

我也想在我的新项目中使用nextjs与redux和thunk。我想知道如何正确地实现所有包。在我以前的项目页面中，HOC组件如下：import Page from '.componentDidMount中实现的用户的方法如何为nexjs实现相同的逻辑？实现的存储(基于_app.js中的下一个redux<

浏览 1提问于2018-07-25得票数 12

回答已采纳

2回答

如何正确地使用"Next.js“、"Redux-ToolKit”和类型记录的“next-Redux-包装”？

typescript、redux、next.js、redux-thunk、redux-toolkit

我在Next.js应用程序中使用RTK (redux-工具箱)。我试图在“AsyncThunk”中发送一个getInitialProps操作。在搜索时，我发现了一个名为"next-redux-wrapper“的包，它公开了"getInitialProps”中的“商店”，但我很难找到如何使它与我的项目一起工作。一个减速器是使用AsyncThunk从API中

浏览 27提问于2021-12-20得票数 9

回答已采纳

1回答

Redux商店在用nextJS自己改变路线时重置

reactjs、redux、react-redux、next.js

你好，我对Redux和NextJS有一个问题，当我在应用程序中使用API时，我的用户的信息完全存储在redux商店中，感谢reduxApiMiddleware，但是当我重新加载浏览器或更改路径时，我的商店返回到它的初始状态我并没有真正找到解决这个问题的方法，我试过使用redux持久化，但是都没有用。'redux-persist/integration/react'; &#x

浏览 2提问于2020-02-25得票数 12

2回答

在页面组件的getInitialProps中通过fetch接收的页面之间传递数据

reactjs、next.js

使用Next.js 我尝试了一种使用React Context的方法，在这种方法中，页面组件中的数据被发送到上下文提供者，该提供者可以被页面B访问。但问题是，如果用户直

浏览 1提问于2019-03-28得票数 1

1回答

如何在next.js中重定向到受限制页面的登录页面？

firebase、authentication、redirect、next.js、server-side-rendering

在udemy教程中，额外的包用于在用户未通过身份验证时从组件外部获取路由器进行重定向：import createHistory from "history/createBrowserHistoryhistory.push("/");}); 我现在的问题是，如何</e

浏览 12提问于2019-10-21得票数 9

3回答

检索数据服务器端并使用Next.js在上下文中保存

javascript、next.js

我希望能够从API、服务器端检索数据，并将其加载到React上下文中，以便使我的应用程序中的任何组件都可以使用它。我尝试过各种各样的事情，但似乎没有什么能让我做我想做的事情。getInitialProps in _document.js --我可以将它添加到_document.js组件中，该组件只运行在服务器上，这似乎解决了每个页面都被调用的问题，但我无法从那里了解如何将其存储在事实上，我似乎不知道如何在任何地方访问这些数据<

浏览 4提问于2021-02-08得票数 15

回答已采纳

1回答

无法使用next- Redux* -wrapper让redux使用NextJS :未调用getInitalProps*

reactjs、redux、next.js、redux-thunk

我正在尝试让Redux使用next-redux-wrapper来处理thunks。我已经查看了示例代码，但我的代码无法工作。我来回奔波，不再只见树木不见森林。目前，我在index.js中的'getInitialProps‘没有被调用，因此我的数据永远不会被加载，因为我从来没有分派数据加载操作。商店已创建，但它是空的。任何帮助都非常感谢！/redux/store' functi

浏览 19提问于2020-01-31得票数 0

1回答

如何防止重复的api调用在反应使用nextJS为SSR？

reactjs、redux、react-redux、next.js、server-side-rendering

因此，使用NextJs的getInitialProps，我获取产品列表并将其传递给组件，它就能工作了。 }, [city])问题在下面的第三步，服务器产品API调用的client.At

浏览 0提问于2020-07-13得票数 1

点击加载更多