Next.JS 组件中的 SSR
Next.JS SSR in component
我想集成一个只支持服务端渲染的模块。这是项目结构。
- index.js
- view.js
- part.js(Class 分量)
我可以在 index.js 的 getServerSideProps 方法中使用模块。但是我想在 part.js 中使用它,因为我需要将一些内容传递给 part.js.
中可用的模块
我试图将 getServerSideProps 中的一个函数作为 prop 传递给组件,但不允许这样做。
我可以在 React class 组件中 运行 服务器端渲染代码吗?
服务器端渲染仅在 pages/ 目录上工作,您不能在组件或 ....
中使用它
如果你想在页面/文件上使用它并且它不起作用检查 2 件事
- 您的项目中是否有 _app.jsx
- 如果你有 __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;
我想集成一个只支持服务端渲染的模块。这是项目结构。
- index.js
- view.js
- part.js(Class 分量)
- view.js
我可以在 index.js 的 getServerSideProps 方法中使用模块。但是我想在 part.js 中使用它,因为我需要将一些内容传递给 part.js.
中可用的模块我试图将 getServerSideProps 中的一个函数作为 prop 传递给组件,但不允许这样做。
我可以在 React class 组件中 运行 服务器端渲染代码吗?
服务器端渲染仅在 pages/ 目录上工作,您不能在组件或 ....
中使用它如果你想在页面/文件上使用它并且它不起作用检查 2 件事
- 您的项目中是否有 _app.jsx
- 如果你有 __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;