강의

멘토링

커뮤니티

Inflearn Community Q&A

cki6090's profile image
cki6090

asked

Learn React.js with Projects

23 Fetching blog list data (useEffect)

axios.get 2번 불러오는데

Written on

·

2.9K

·

Edited

1

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

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

 

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

es6reactredux

Answer 1

0

kossiecoder님의 프로필 이미지
kossiecoder
Instructor

useEffect 안에 넣으셨나요?

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

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

 

kossiecoder님의 프로필 이미지
kossiecoder
Instructor

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

cki6090님의 프로필 이미지
cki6090
Questioner

네있습니다~!

kossiecoder님의 프로필 이미지
kossiecoder
Instructor

그 코드 때문에 그렇습니다

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

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

https://beta.reactjs.org/blog/2018/03/29/react-v-16-3#strictmode-component

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

cki6090's profile image
cki6090

asked

Ask a question