리액트 로그인 jwt 구현중 나타나는 에러

Question

제가 jwt를 통해서 로그인을 구현하고 있는데요. 
서버에서 jwt토큰을 가져오면 그 토큰을 디코딩해서 사용하고 있습니다.
로그인 코드를 짜놓고 실행을 시키면 저렇게 에러 코드가 나오고

let payload = testGetCK.substring(testGetCK.indexOf(.)+1,testGetCK.lastIndexOf(.));  
  let dec = JSON.parse(base64.decode(payload)); 
  console.log(dec.id);
  console.log(dec.nickname);

이부분을 지우면 화면이 잘 나타나게 되고
저상태로 아이디랑 비밀번호를 넣어 로그인 버튼을 누르면 jwt토큰이 잘 들어옵니다.

토큰이 들어온 상태서 다시 
let payload = testGetCK.substring(testGetCK.indexOf(.)+1,testGetCK.lastIndexOf(.));  
  let dec = JSON.parse(base64.decode(payload)); 
  console.log(dec.id);
  console.log(dec.nickname);

이 코드를 넣으면 작동이 되는데
예외 처리를 해서 작업을 해야하나요??..

강병진 · Answer

에러메세지는 .substring()을 호출하는 testGetCK가 undefined라고 나타내고 있습니다. 해당 값을 확인하시면서 디버깅 해보시죠~