我使用了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