Возникли проблемы при получении параметра запроса URL в next.js - PullRequest
0 голосов
/ 02 декабря 2019

Я просто пытаюсь получить значение параметра в моем URL.

Я новичок в next.js и все еще довольно нов, чтобы реагировать вообще

Мой URL выглядит следующим образом:

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.

Как только я войду с разногласиями, я вернусь к Индексу, и тогда URL будет выглядеть так, как я показал выше. Я пытаюсь получить значение кода, чтобы я мог его использовать. Меня смущает то, что

<p>code: {code}</p> 

успешно отображает значение «code» на странице. Но

console.log(code) 

показывает неопределенное. Почему это отличается?

1 Ответ

0 голосов
/ 02 декабря 2019

Попробуйте добавить 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>
  ) 

};
...