Next.js NEXTJS:getServerSideProps不适用于组件

Next.js NEXTJS:getServerSideProps不适用于组件,next.js,Next.js,下面是位于Pages/home.js的代码本地主机:3000/家 不能在非页面组件中使用getServerSideProps。您可以将道具从主截面传递到主截面,也可以创建上下文,以便该值可以从组件树全局可用 getServerSideProps只能从页面导出。你不能出口 它来自非页面文件 不能在非页面组件中使用getServerSideProps。您可以将道具从主截面传递到主截面,也可以创建上下文,以便该值可以从组件树全局可用 getServerSideProps只能从页面导出。你不能出口 它来

下面是位于Pages/home.js的代码本地主机:3000/家

不能在非页面组件中使用getServerSideProps。您可以将道具从主截面传递到主截面,也可以创建上下文,以便该值可以从组件树全局可用

getServerSideProps只能从页面导出。你不能出口 它来自非页面文件

不能在非页面组件中使用getServerSideProps。您可以将道具从主截面传递到主截面,也可以创建上下文,以便该值可以从组件树全局可用

getServerSideProps只能从页面导出。你不能出口 它来自非页面文件

演示如何将道具传递给组件的人是演示如何将道具传递给组件的人
import axios from 'axios';
import Section1 from '../components/home-sections/section-1';

const Homepage = ({ show }) => {
    const Html = JSON.parse(show.response.DesktopHTML);
    const renderSection = () => {
        return Html.map((itemData,index)=>{
            return(<div key={index}>{itemData.DisplayName}</div>)
        })
    }

    return(
        <div>
            { renderSection()}
            <Section1 />
        </div>
    )
}

export const getServerSideProps = async ({ query }) => {
 
  try {
    const response = await axios.get(
      `https://api.example.com/getHomeSection?title=Section 1`
    );
    
    return {
      props: {
        show: response.data,
      },
    };
  } catch (error) {
    return {
      props: {
        error: error.error,
      },
    };
  }
};

export default Homepage;
Error: TypeError: show is undefined in section-1.js