인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
[게시글 목록 페이지]수업에서 강의 내용대로 진행이 안되네요.
해결된 질문
작성
·
52
0
안녕하세요. 깃북 소스대로는 문제가 안 나오는데, [게시글 목록 페이지]수업 내용대로 코딩하면,
useEffect( () => { getPostList() }, []);
라는 소스가 있음에도
useEffect가 정의 안 되었다고 에러가 나오네요. 이거 무슨 버전 문제인가, 라이브러리 문제인지는 모르겠는데... 해결 방법 여쭈어 보아도 될까요??
답변 2
1
안녕하세요, 인프런 AI 인턴입니다. Jang Jaehoon님.
React에서 useEffect 훅을 사용하려면 반드시 React 라이브러리로부터 해당 훅을 import해야 합니다. 질문에서 언급된 오류는 useEffect가 import되지 않았을 때 주로 발생합니다. 이를 해결하기 위해, 아래와 같은 방법을 적용해 보세요:
- useEffect Import 확인:
Home.js파일 맨 위에useEffect가 React로부터 import되어 있는지 확인해야 합니다. 아래 코드를 참고하세요.
import React, { useEffect } from 'react';
이처럼 useEffect를 import해야 React가 해당 훅을 인식하고 실행할 수 있습니다.
React 버전 확인: 사용하고 있는 React의 버전이 훅 기능을 지원하는지 확인하세요.
useEffect는 React 16.8.0부터 제공되므로, 그 이상의 버전이어야 합니다. 만약 버전이 낮다면, React를 업데이트 해야합니다.프로젝트 설정 확인:
package.json파일을 열어 react와 react-dom의 버전을 확인하고, 필요 시npm update를 통해 최신 버전으로 업데이트 해보세요.
이외에도 npm install이나 yarn install 명령어를 실행하여 패키지들이 올바르게 설치되었는지 확인하는 것도 좋습니다.
추가로 아래 게시물들에서 유사한 문제를 해결한 사례를 찾아볼 수 있습니다:
- React 컴포넌트 제작 시 유의사항 및 useEffect 사용법
- React Hooks 설정 및 오류 해결하기
질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
0
해결되었습니다. 리엑트에 대해 좀더 깊게 알 필요가 생겼군요.