TypeError: Cannot read properties of null (reading 'includes') 에러가 뜹니다.
10505
작성한 질문수 1
react-dom.production.min.js:189 TypeError: Cannot read properties of null (reading 'includes')
강의 36. create-react-app으로 만든 앱 배포하기에서 다음과 같은 에러가 뜹니다.
includes는 아래에서만 1회 사용하였습니다.
const alreadyFavorite = favorites.includes(mainCat);
답변 1
0
Cannot read properties of null (reading 'includes')
가 뜻하는 바는
변수.includes를 했는데 변수가 null이라서 null에는 includes가 없어서 에러가 났다는 뜻이에요.
160line 에서 console.log(favorites)를 하면 null이 들어가있을거예요.
158line에서 favorites를 초기화하는 코드가 로컬스토리지에서 읽어오는 방식인데,
로컬스토리지에 값이 없으면 null을 반환하기 때문에 코드가 이렇게 깨졌을 거예요.
favorites의 기본값을 []로 줘보시겠어요?
const [favorites, setFavorites] = useState(() => { return jsonLocalStorage.getItem('favorites') || []; });
API 적용 안되는 코드 수정 방법입니다.
0
76
1
고양이 이미지가 엑박이 뜨네요
0
52
1
npx 명령어 사용 불가
1
75
1
const 변수와 컴포넌트의 차이
0
89
1
강의노트
0
140
1
vite로 리액트 빌드한 후 깃허브에 배포하는 방법
0
328
1
빌드할때 dist 폴더가 만들어지는데요,
0
773
1
js파일 업로드 요청
0
135
1
변경된 api 사용시 text 안나오는 문제
0
142
1
메인글자수정...
1
270
3
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
1
310
1
https://cataas.com/undefined 로 나오는데 왜그런건가요?
1
597
4
고양이 사진이 깨져요.ㅜㅜ
2
361
3
강의 노트 위치를 모르겠습니다
1
343
1
깃 강의노트 어디서 볼 수 있나요?
1
381
2
이해가 안되는 부분이 있어요
1
360
1
api가 안불러와지네요...
1
659
4
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
1
333
2
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
2
1156
2
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
1
332
2
index.js 내용이 바꼈네용
1
319
2
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
1
261
2
html 코드 오류
1
463
2
고양이 이미지 깨져요
1
340
2