[React] TypeError : cannot convert undefined or null to object

React Project를 업데이트하면서 Reducer에서 데이터를 받아 올 때 생겨난 오류이다. 

Reducer store에 저장되어있는 데이터를 useSelector를 사용해서 가져오기만 하면되는건데, 이전에는 잘 되던데 갑자기 데이터를 가져오지 못해서 undefined 상황이 발생했다. 그래서 생긴 오류이다. 

 

 

React 파일 일부,

  let scoreMention = "";
if(userInfo['scorelist'] == null){
    return null
 }else{
    if(userLan === "kr"){
      Object.keys(userInfo['scorelist']).map((c, idx) => {
        if (scoreper >= parseInt(c)) {
          return (scoreMention = userInfo['scorelist'][c]);
        }
      });
    }else{
       Object.keys(userInfo['scorelistEng']).map((c, idx) => {
        if (scoreper >= parseInt(c)) {
           return (scoreMention = userInfo['scorelistEng'][c]);
         }
       });
    }

  }

userInfo부분이 useSelector를 사용해서 Reducer store에서 가져오는 값이다. 그 곳에서 scorelist를 가져오는건데,

퀴즈를 다 풀고 나면 저 값들이 undefined로 넘어와서, null 일 때 예외 처리를 더 해줬더니 여전히 값은 안 넘어오지만 오류 페이지는 더 이상 뜨지 않는다. 

 

결론,

Object.keys 이 부분이 null과 undefined를 받아들이지 못해서 생기는 오류이다. 예외 처리를 해주면 된다. 

오류 페이지는 안 생기지만 여전히 값이 안 넘어온다. 그래서 store에 있는 리스트를 react로 가지고 왔다. 

그랬더니 그 오류도 해결~~