inflearn logo
강의

Course

Instructor

Practical React Programming

Calling the Server API

autoCompletes undefined 문제

246

faggomsa

7 asked

1

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

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

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

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

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

react redux

Answer 2

2

landvibe

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

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

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

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

1

faggomsa

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

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

0

509

3

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

0

521

2

setValue 함수 질문 있습니다.

0

844

1

찾아야한다 실습 문의

0

472

1

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

0

482

1

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

0

609

1

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

0

258

1

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

1

1089

2

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

0

376

2

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

0

670

1

match

1

498

1

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

0

288

1

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

0

263

1

saga 문제

0

250

1

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

0

394

2

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

0

207

1

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

0

319

1

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

1

1202

1

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

0

341

1

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

0

210

1

useImperativeHandle 질문 입니다.

0

285

1

컴파일 문의드립니다.

0

208

1

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

0

379

1

Context API vs Redux 사용 빈도

0

217

1