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