我只是想在我的 url 中获取参数的值。
我是 next.js 的新手,但总体来说还是很陌生。
我的网址是这样的:
localhost:3000/?code=VhXHWwRemC32dPmm3oj0mMravO6MP3
现在,我只是在渲染一个像这样的页面:
const Index = () => {
const router = useRouter();
const code = router.query.code;
console.log(code);
return(
<div>
<p>code: {code}</p>
<a href={Oauth.discord_login_url}login</a>
</div>)
};
只是为了让我看看我是否从 url 中正确获取了代码。
一旦我使用 discord 登录,我会返回到 Index,然后 url 看起来就像我在上面显示的那样。我正在尝试获取代码的值(value),以便我可以使用它。让我困惑的是
<p>code: {code}</p>
成功在页面上显示“code”的值。但是
console.log(code)
显示未定义。为什么不一样?
最佳答案
尝试添加getInitialProps
:
const Index = () => {
const router = useRouter();
const code = router.query.code;
console.log(code);
Index.getInitialProps = async () => {
return {};
};
return (
<div>
<p>code: {code}</p>
<a href={Oauth.discord_login_url}>login</a>
</div>
)
};
关于reactjs - 在 next.js 中获取 url 查询参数时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59130235/