前端 - 我使用了next.js 项目，但是在组件中，`GetServerSideProps`并未执行，请问这个是什么原因呢？

Question

我使用了next.js 项目，但是在组件中，GetServerSideProps并未执行，请问这个是什么原因呢？
1.是否是写的代码有误？
2.是否是GetServerSideProps 只能在页面中使用，而不能在组件中使用？

组件代码：

import React from 'react'import NetworkInterfaces from '../../../components/FuncComps/localMachineInfo/NetworkInterfaces'import type { InferGetServerSidePropsType, GetServerSideProps } from 'next'import { ipcRenderer } from 'electron' const GetServerSideProps = () => {  console.log(112233)  // 未执行}function InterfaceInfo() {  return (    <div>      <NetworkInterfaces ifs={{}}></NetworkInterfaces>    </div>  )}export default InterfaceInfo

Answer 1

getServerSideProps是小写固定的，你那里写的不对
getServerSideProps只能在页面级别组件里用，不能在普通组件里用。

import React from 'react'import NetworkInterfaces from '../../../components/FuncComps/localMachineInfo/NetworkInterfaces'// 这是页面级别组件的主体function InterfaceInfo({ ifs }) {  return (    <div>      <NetworkInterfaces ifs={ifs}></NetworkInterfaces>    </div>  )}export const getServerSideProps = async () => {  // 服务器端代码  console.log(112233)  return {    props: {      ifs: {} //获取网络接口信息    }  }}export default InterfaceInfo