Nextjs和Redux的存储类型

文章/答案/技术大牛

发布

1回答

reactjs、typescript、redux、next.js

对于Nextjs和Redux的Typescript，真的找不到任何好的例子。虽然将我的create-react-app应用程序移植到Nextjs会很容易，但我觉得我错了，我已经检查了nextjs示例repo中所有可能的示例，但找不到最好的最终可以工作的示例。.>'.ts(2339)import React from 'react&

浏览 7提问于2020-02-06得票数 1

回答已采纳

1回答

更改页面时的NextJS和Redux清除存储

reactjs、redux、react-redux、local-storage、next.js

我一直在做一个使用NextJS和Redux的项目。我可以使用一些通过thunk来设置redux，但我遇到了跨页面持续存在redux状态的问题。所以我知道你可以在Redux上使用NextJS，但是每当我使用href的时候，它就会清除我的redux存储。如何让Redux在不同的页面上持久化？

浏览 15提问于2021-02-14得票数 2

1回答

如何管理React & NextJS中的依赖关系？

reactjs、dependency-injection、next.js

我来自一个角度世界，在那里所有的服务都是单例类(即在整个应用程序中只有一个类的实例)。在我的React App中，我尝试将一些“服务”(即做HTTP请求或身份验证的东西)抽象到它们自己的类中。在应用程序日志(使用Next.js)中，我看到： nextjs-ui: NEW HTTP SERVICEnextjs-ui:wait - compiling... nextjs</em

浏览 31提问于2020-06-22得票数 0

回答已采纳

1回答

如何在没有类型记录的情况下使用redux工具包的下一个redux包装器？

redux、next.js、redux-toolkit、next-redux-wrapper

我在用redux-toolkit和next-redux-wrapper开发一个新的next-redux-wrapper应用程序时遇到麻烦，我发现的所有方法都是解释使用typescript，所以如果可以的话请帮助我我想让一个应用程序使用Nextjs，Redux-toolkit和next-redux-wrapper而不使用类型记录

浏览 7提问于2022-03-26得票数 1

回答已采纳

1回答

在不使用存储的情况下，使用reducer分派在React组件外部工作有什么解决办法

reactjs、typescript、redux、reducers、use-reducer

我在一个使用react，typescript和nextJS的项目中设置了一个reducer。任何解决方案都会被提及。非常感谢。

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

1回答

由于固态继电器，Reactotron无法与NextJS一起工作

javascript、reactjs、frontend、next.js、reactotron

我正在为我的NextJS应用程序配置redux存储，并且我通常使用Reactotron库来检查存储。但是，NextJS是服务器端渲染，如果我在应用程序文件中导入配置，它会给出一个错误window is not defined我的应用程序文件：我想知道是否有办法将Reactotron与NextJS结合使用

浏览 9提问于2020-02-13得票数 0

1回答

redux在下一个js项目中持久化:root没有创建本地存储

html、css、reactjs、next.js

使用nextjs框架，redux持久化不会创建本地存储值。登录后，持久化:根将不显示在本地//store.js import { createStore, applyMiddleware, compose } from 'redu

浏览 3提问于2019-06-24得票数 0

1回答

带有nextjs的Chakra UI

next.js、chakra-ui

我正在使用chakra与nextjs，并希望json服务器调用。我安装了redux，react redux等。我创建了存储、还原器、操作等，但无法使用chakraProvider配置存储。

浏览 2提问于2022-04-29得票数 0

1回答

Nextjs、thunk和getInitialProps -如何实现

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

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

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

回答已采纳

1回答

getStaticProps在生产和开发时返回空对象(下一版本9.5.1)

redux、next.js

我遇到了一个奇怪的问题。使用最新的nextjs @9.5.1下面是有问题的代码： import Header from './header'; import Head from '.我试着改变这个文件中函数的顺序，也把属性串起来，把返回的数据作为一个整体记录下来，没有解构，但没有成功。我使用自定义服务器和NextSeo库，如果这可能与这个问题有关的话。更新：我进入了nextjs中的next-

浏览 49提问于2020-08-08得票数 1

回答已采纳

1回答

Nextjs，Gatsby for Server端呈现一个电子商务网站，后台是Django？

django、reactjs、redux、gatsby、next.js

我想制作一个电子商务网络应用程序，在后端我使用 Django 和Django Rest框架。我想要使用React，Redux和React，在前端使用axios库。我发现这是另外两个用于响应的框架，即Nextjs和Gatsby。现在，哪个更适合我在Nextjs和Gatsby之间制作一个电子商务web应用程序？另外，是否有必要使用Redux，使用Nextjs和Gatsby来响应-路由器？

浏览 2提问于2020-02-09得票数 0

4回答

使用redux和redux-持久化服务器端呈现

javascript、reactjs、redux、server-side-rendering、redux-persist

我正在尝试用redux实现Redux4.0.0--在一个SSR应用程序中持久化5.10.0，并且遇到了一个问题，在没有应用崩溃的情况下，我无法正确地为createStore()提供预装状态。所发生的情况是，应用程序从服务器加载初始状态，但是当应用程序试图在客户机上预加载createStore()状态时，应用程序会刷新并崩溃。我想是因为我的preloadedState格式不合适吧？__PRELOADED_STATE__; c

浏览 0提问于2018-11-06得票数 12

1回答

在Redux的nextjs中可以不使用next-redux-wrapper吗？对于NextJS应用程序中的状态管理器，Context+useReducer就足够了吗？

reactjs、redux、next.js

我在NextJS应用程序中需要一个状态管理器，并且我使用Redux。但在使用它时，我必须使用next-redux-wrapper，一切似乎都很复杂。有些人说next-redux-wrapper不能很好地工作，并且有一些缺陷和问题。一般来说，当涉及到NextJS时，实际上并不需要Redux，使用上下文就足够了。但上下文在其重现者方面有其自身的问题。究竟应该使用什么作为NextJS应用程序的状态管理器？

浏览 69提问于2021-08-11得票数 0

回答已采纳

3回答

Next.js存储访问令牌而不使用redux

reactjs、next.js、server-side-rendering

我使用NextJS和ReactJS实现了服务器端呈现应用程序。我不使用REDUX，所以我想知道在不使用REDUX的情况下存储这些用户详细信息的最佳方法。

浏览 3提问于2018-10-26得票数 2

2回答

Redux工具箱在下一个js页间导航时自动存储重置。

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

我是一个新的下一个用户，已经使用Redux和React很长时间了，我在使用Redux和Next时遇到了很多麻烦store.js还是有更好的方法来做？useSelector return [] 虽然console.log (data)来自getStaticProps，但数据是存在的，__NEXT_REDUX_WRAPPER_HYDRATE__，我被卡住了

浏览 18提问于2022-02-05得票数 7

回答已采纳

1回答

使用Redux对React和NextJs进行最有效的状态管理

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

我的团队正在开发一个新的食品社交媒体平台。我们选择了NextJs框架作为主要的开发，因为它的服务器端呈现功能和更多。我们的应用程序包括许多食谱帖子/卡片(图片，标题，作者姓名)。现在，我们将在redux存储中从服务器获取的所有菜谱存储为全局缓存系统:无论何时获取菜谱，它都被发送到菜谱还原状态，我们只需要传递菜谱的ID并从缓存中获取菜谱。该方法允许我们编写更少的</

浏览 1提问于2022-07-22得票数 0

1回答

如何使redux-saga值显示在屏幕上[NextJS* Redux-Saga]*

reactjs、redux-saga、next.js

在NextJS中使用时，我在使用NextJS github中提供的示例配置Redux Saga时遇到了问题。我把代码放在沙箱里给任何能帮我的人。https://codesandbox.io/s/next-woi1k 我需要的信息在redux_clock.js页面的URL上： https://woi1k.sse.codesandbox.io/redux_clock如果我在ComponentDidMou

浏览 17提问于2019-05-21得票数 0

1回答

NextJS服务器端渲染与Redux中的持久化

reactjs、next.js、persist

我刚刚开始从单页面应用程序迁移到NextJS。我知道这听起来很奇怪，但当使用persistor时，服务器端呈现不能正常工作，相反，它像客户端呈现一样打印。import {createWrapper, HYDRATE} from 'next-redux-wrapperkey: 'nextjs', whit

浏览 11提问于2021-05-17得票数 0

1回答

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

reactjs、react-redux、next.js

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

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

回答已采纳

4回答

如何解决"Prop `id`不匹配.服务器："react-tabs-30“客户端："react-tabs-0”控制台问题？

reactjs、next.js、react-tabs

Server: "react-tabs-30" Client: "react-tabs-0"中显示一个控制台警告链接，我知道它不会影响我的应用程序，但它太烦人了。height="288" </div> </div></Tabs> 正如您所看到的，我对选项卡使用react-

浏览 0提问于2021-04-20得票数 2

点击加载更多