reactjs 如何为Next.js发送自定义props notFound错误页面

monwx1rj  于 2023-03-29  发布在  React
关注(0)|答案(1)|浏览(99)

Nextjs中,你可以像这样声明404错误:

return {notFound: true};

我的问题是如何为我的自定义404 page发送额外的数据,以向用户显示自定义的错误文本?类似于以下内容:

return {notFound: true, props: {err:"Product was not found!"}}

如果我在自定义的404 page中记录props,我会得到:

export default function NotFound(props) {
   console.log(props) // output is: {err: undefined}
   return <Error statusCode={404} title="custom title" />
}
x8diyxa7

x8diyxa71#

请参考the doc。静态生成的错误页面对于降低加载错误页面的成本是有意义的,而不是动态生成的。所以只要使用提供的错误页面,你就不能用 prop 实现你的自定义错误页面。

相关问题