组件中的 Next.JS SSR

Question

我想集成一个只支持服务器端渲染的模块。这是项目结构。

• index.js
  • view.js
    • part.js（类组件）

我可以在 index.js 的 getServerSideProps 方法中使用模块。但我想在 part.js 中使用它，因为我需要将一些内容传递给 part.js 中可用的模块。

我尝试将 getServerSideProps 中的函数作为道具传递给组件，但不允许。

我可以在 react 类组件中运行服务端渲染代码吗？

Answer 1

服务器端渲染只在 pages/ 目录上工作，你不能在组件或 .... 中使用它。

如果你想在页面/文件上使用它并且它不工作检查 2 件事

1. 您的项目中是否有 _app.jsx
2. 如果你有 __app.jsx 你应该像这样定义它

import App from 'next/app';

const MyApp = ({ Component, pageProps }) => {

    return (
        <Component {...pageProps} />
    );
};

MyApp.getInitialProps = async (appContext) => {
    const { pageProps } = await App.getInitialProps(appContext);
    const { ctx } = appContext;
    return { pageProps};
};

export default MyApp;