Question

我需要制定一个工作流程。当用户来到我的页面时，我需要询问； “你有 session_id 吗？如果没有，让我们设置它”然后打开应用程序。

但是在 nextjs 应用程序上遇到了关于 redux persist 和 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

Nextjs App - 不能使用 useDispatch 和 useSelector

0 个答案: