在Next.js 9中,可以通过使用getInitialProps
方法来检索路由参数。getInitialProps
是Next.js中的一个特殊方法,它可以在服务器端和客户端都执行,并且可以在页面加载之前获取数据。
要检索路由参数,可以在页面组件中使用getInitialProps
方法,并通过context.query
来访问路由参数。下面是一个示例:
import React from 'react';
const MyPage = ({ routerParam }) => {
return (
<div>
<h1>My Page</h1>
<p>Router Param: {routerParam}</p>
</div>
);
};
MyPage.getInitialProps = async ({ query }) => {
const { routerParam } = query;
return { routerParam };
};
export default MyPage;
在上面的示例中,getInitialProps
方法接收一个context
参数,其中包含了路由参数query
。我们可以从query
中获取到路由参数routerParam
,并将其作为属性传递给页面组件。
这样,当直接加载页面时,Next.js 9会自动调用getInitialProps
方法,并将路由参数传递给页面组件。页面组件可以通过props
来访问路由参数,并在页面中使用它们。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。
领取专属 10元无门槛券
手把手带您无忧上云