next js 动态路由错误未处理的运行时错误
2024-05-28
24
1个回答
检查
para
是否已定义。使用:
const AboutPage = ({ para }: { para: { aboutId: string } }) => {
if (!para) return <h1>Loading...</h1>;
return <h1>About details: {para.aboutId}</h1>;
};
export default AboutPage;
在
getServerSideProps
中获取数据:
import { GetServerSideProps } from 'next';
const AboutPage = ({ para }: { para: { aboutId: string } }) => {
if (!para) return <h1>Loading...</h1>;
return <h1>About details: {para.aboutId}</h1>;
};
export default AboutPage;
export const getServerSideProps: GetServerSideProps = async (context) => {
const { aboutId } = context.params;
const para = { aboutId };
return { props: { para } };
};
修复错误。需要
para
。
Anastasios3
2024-05-28