axios.get 2번 불러오는데

프로젝트로 배우는 React.js

23 블로그 리스트 데이터 받아오기 (useEffect)

작성

2.7K

수정됨

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

const getPost = () => { axios.get('http://localhost:3001/posts').then((res) => { console.log(res); }) }

axios.get 하면 개발자도구에서 네트워크-> posts 2번 불러오는데 이유를 알고싶습니다.

답변 1

지식공유자

useEffect 안에 넣으셨나요?

useEffect 안에 넣지 않고 getPosts 함수를 실행할 경우에는 컴포넌트가 리렌더링 될때마다 실행이 되어서 여러번 불러올수가 있습니다.

혹시 useEffect 코드 안에 넣으셨는데도 여러번 불러온다면 다시 댓글로 남겨주세요 ^^

지식공유자

혹시 src/index.js에 <React.StrictMode> 코드가 있으신가요?

질문자

네있습니다~!

지식공유자

그 코드 때문에 그렇습니다

3강에서 그 코드를 지웠어요 ^^

지우시면 한번만 실행이 될거예요

strict mode에 관한 설명은 위 링크로 들어가보시면 됩니다

인프런 커뮤니티 질문&답변