inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전 리액트 프로그래밍

서버 API 호출하기

autoCompletes undefined 문제

244

faggomsa

작성한 질문수 7

1

<AutoComplete>의 options를 autoCompletes로 map을 작성하고, 브라우저를 보면 autoCompletes가 undefined로 뜹니다. 

현재 검색어를 입력할때마다 data가 잘 fetch되오는 것을 Network 탭에서 확인할 수 있습니다. 

yield put(actions.setValue('autoCompletes', data));

해당 구문을 console로 찍으면 잘 나옵니다. 근데 제대로 저장이 되었는지 확인해 보고 싶은데 방법을 모르겠습니다.. 

그리고 autoCompletes가 아무것도 없을때 options에 'autoComplete &&' 조건을 주지 않아도 map이 정상적으로 작동되는건 어떤 이유인가요?

react redux

답변 2

2

이재승

혹시  Redux DevTools 를 설치하셨나요?
설치하셨다면 데이터를 받아온 후에 리덕스 상태를 한 번 확인해주시면 좋을 것 같아요.

그리고 한 가지 의심되는 부분은 store.js 파일인데요
사가 미들웨어가 잘 연결이 되어있는지 체크해보는 게 좋겠어요
search 의 사가 함수가 잘 등록되어있는지 봐주시면 될  것 같아요

그래도 원인 파악이 안된다면 node_modules 제외하고 폴더 전체를 압축해서 올려주세요

그리고 'autoComplete &&' 조건이 없어도 map 을 실행할 수 있는 것은 INITIAL_STATE 에서 빈 배열을 넣었기 때문입니다.

1

faggomsa

감사합니다... store.js에서 searchReducer import 경로를 잘못적었네요..ㅠㅠ

자동완성기능이 안되네요 ..

0

500

3

화면에 에러가나네요 ...

0

517

2

setValue 함수 질문 있습니다.

0

841

1

찾아야한다 실습 문의

0

470

1

훅 기초 익히기 - 배치 처리와 순차적 처리의 차이

0

473

1

cra, next.js 관련 질문 드립니다!

0

606

1

useState 배열 비구조화 문법 질문!

0

253

1

Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'

1

1082

2

Saga 오류 이거 혹시 왜이런지 알수 있을까요?

0

371

2

http://localhost:3001/user/search?keyword=u 이걸로 데이터를 보는데 저는 사이트에 연결할 수 없다고 나오네요

0

658

1

match

1

495

1

버튼이 생성되지 않습니다 .

0

288

1

혹시 import 옆에 파일 사이즈 표시 어떻게 하나요?

0

263

1

saga 문제

0

249

1

에러가 발생하는데 이유가뭘까요..?

0

389

2

선생님과 똑같이 했는데 다 rendering 됩니다.

0

203

1

컴포넌트와 컨테이너의 기준

0

316

1

커스텀훅의 개념과 함수차이

1

1199

1

useEffect 실전 활용법(1) 강의에서 질문있습니다.

0

338

1

리덕스, 사가파일들의 관리

0

208

1

useImperativeHandle 질문 입니다.

0

281

1

컴파일 문의드립니다.

0

204

1

React.memo 관련 질문이 있습니다.

0

374

1

Context API vs Redux 사용 빈도

0

213

1