javascript - 将单个 getServerSideProps 方法导入 Nextjs 中的多个页面

标签 javascript reactjs ecmascript-6 next.js es6-modules

我正在尝试将 getServerSideProps 方法从该页面导入到另一个页面,并在多个页面中使用它。我该怎么做?

这是我的代码:

import DashboardLayout from "@app/layout/DashboardLayout";
import Overview from "@containers/dashboard/Overview";
import { parsedCookie } from "@infrastructure/utils/functions";

const OverviewPage = () => {
  return (
    <DashboardLayout>
      <Overview />
    </DashboardLayout>
  );
};

export default OverviewPage;

export const getServerSideProps = async (context) => {
  const token = parsedCookie(context.req);
  const { accessToken, refreshToken } = token;
  if (!accessToken || !refreshToken) {
    return {
      redirect: {
        destination: "/",
        permanent: false,
      },
    };
  }

  return {
    props: {},
  };
};

最佳答案

我找到了答案。下面是如何在另一个页面上使用页面数据获取方法

import DashboardLayout from "@app/layout/DashboardLayout";
import MyCourses from "@containers/dashboard/MyCourses";
import { getServerSideProps } from "../index";

const MyCoursesPage = () => {
  return (
    <DashboardLayout>
      <MyCourses />
    </DashboardLayout>
  );
};

export default MyCoursesPage;

export { getServerSideProps };

关于javascript - 将单个 getServerSideProps 方法导入 Nextjs 中的多个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70233905/

相关文章:

javascript - Nodejs 代理脚本,不适用于 mod_deflate

javascript - 解构值 nextjs : ReferenceError: Cannot access 'XXX' before initialization

reactjs - react : Where to put API call to be made on state change

javascript - 从单个文件导出 typescript 类和接口(interface)

Javascript/React 列出对象的标题

javascript - 如何使用 React Router 将路由设为私有(private)

javascript - Bootstrap - 无法让我的 Accordion 在默认情况下保持关闭状态?

javascript - 脚本函数的总结

javascript - 验证条件后显示警告消息

javascript - 访问 Javascript ES6 类中声明的函数(ES2015?ES16?)