예기치 않은 Spotify API 응답이 발생하는 React 코드

Question

Spotify API를 사용하여 React에서 앱을 만들고 있습니다.

먼저 clientID와 clientSecret을 사용하여 액세스 토큰을 얻습니다. 그런 다음 이 토큰을 사용하여 userID를 얻으려고 합니다. 문서에는 get 요청을 수행하고 토큰을 헤더로 전달해야 한다고 언급되어 있습니다.

문제는 응답에 항상 401 오류 코드가 표시된다는 것입니다. 문서에는 토큰이 만료되었기 때문에 이 오류가 발생할 수 있다고 언급되어 있습니다. 하지만 내 코드에서는 토큰을 얻은 직후에 userID를 얻으려고 합니다.

두 번째 질문은 React에서 요청하는 것에 관한 것입니다. 보시다시피 저는 이것을 달성하기 위해 useEffect 후크를 사용했지만 이것이 올바른 접근 방식인지는 확실하지 않습니다. 또한 두 번째 요청을 수행하는 방식이 옳지 않은 것 같습니다(useEffect 내부의 if 문).

어떤 도움이라도 대단히 감사하겠습니다!

P.S. apiKey 및 apiSecret은 전역 변수입니다. 첫 번째 요청은 제대로 작동했으며 노래 검색을 위한 또 다른 get 요청을 만드는 데 성공적으로 사용된 유효한 토큰을 반환했습니다.

으아아아

Answer 1

코드가 올바른 방향으로 가고 있는 것 같지만 문제는 토큰 처리 방법 및 두 번째 사용자 ID 요청 시점과 관련이 있을 수 있습니다. 또한 두 개의 useEffect후크를 사용할 필요도 없습니다.

으아아아