reactjs - Nextjs App - 无法使用 useDispatch 和 useSelector
问题描述
我需要制定一个工作流程。当用户访问我的页面时,我需要询问;“你有 session_id 吗?如果没有,让我们设置它”然后打开应用程序。
但是在 nextjs 应用程序上遇到了关于 redux 持久化和 useselector 的问题。
下面是我的代码。我应该如何更新它?
import { Fragment } from "react";
import App from "next/app";
import Head from "next/head";
import { Provider } from "react-redux";
import { ToastProvider } from "react-toast-notifications";
import { PersistGate } from "redux-persist/integration/react";
import { store, persistor } from '@/Store'
import TemporaryForm from '@/Store/Auth/Temporary'
import "@/assets/scss/style.scss";
import Preloader from "../components/Preloader";
class MyApp extends App {
constructor(props) {
super(props);
}
componentWillMount() {
}
componentDidMount() {
dispatch(TemporaryForm.action())
}
render() {
const { Component, pageProps, reduxStore } = this.props;
return (
<Fragment>
<Head>
<title>MY React App</title>
<link rel="icon" href={process.env.PUBLIC_URL + "/favicon.ico"} />
<link
href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet"
></link>
</Head>
<ToastProvider placement="bottom-left">
<Provider store={store}>
<PersistGate loading={<Preloader />} persistor={persistor}>
<Component {...pageProps} />
</PersistGate>
</Provider>
</ToastProvider>
</Fragment>
);
}
}
export default MyApp
解决方案
推荐阅读
- javascript - 数组重新循环以删除先前生成的一组数组数据
- c# - 在 ASP.NET Core 中下载远程 PDF 时未配置设备
- oracle - SUBQUERIES数据库Oracle上的无效标识符
- python - 将嵌套字典元素移动到顶层并让剩余的嵌套元素值跟随 | 蟒蛇 | 姜戈
- python-3.x - 如何使用 colorama 将 Python 背景更改为某种颜色?
- swift - 如何在 Swift 4 中访问扩展
- docker - 容器级别的 GPU 统计信息
- xamarin - Xamarin iOS 渲染器中使用的“if (Control == null)”部分是什么?
- authentication - Jmeter 未通过我的脚本中的 Microsoft 身份验证以在我的测试网站上测试性能,显示访问被拒绝
- javascript - 以反应形式有条件地添加指令