에러가 없는데 왜 autoCompletes가 적용이 안될까요?

실전 리액트 프로그래밍

서버 API 호출하기

작성

258

.env파일 문제인가 싶어서 common api baseUrl도 3001번 포트로 변경했는데... 서버도 yarn start로 돌려줬는데 왜 데이터만 안나올까요? user/search?keyword=u라고 3001로컬에서 입력하면 선생님 처럼 json 데이터도 잘 나옵니다.

이렇게 데이터도 잘 가져오는거 같은데 redux-devtools로 보면 왜 autoCompletes가 비어있는지 모르겠습니다...

 baseURL: "http://localhost:3001",

redux react

답변 6

이재승

지식공유자

createSetValueAction, setValueReducer 는 한쌍의 액션(생성자)/리듀서 입니다
이 코드를 직접 액션/리듀서 쪽에 작성하셔도 되지만, 여러 곳에서 재사용하기 위해 별도로 빼놓은 것입니다

두 번째 질문하신 내용은 단지 setValue, fetchAutoComplete 함수의 매개변수의 차이입니다
setValue 함수가 key, value 를 입력받도록 구현되어 있으니까요
그리고 두 함수의 호출 결과는 액션 객체입니다
(dispatch 에는 항상 액션 객체를 입력합니다)

이재승

지식공유자

안녕하세요
확인해보니 callApi 에서 r 이 소문자로 되어있네요
대문자로 변경하시면 될 것 같아요
ResultCode.Success

SEOVI

질문자

친절한 답변 감사합니다. 👍 이해가 잘 안돼서 여러번 반복해봐야할것같아요

SEOVI

질문자

SearchInput에서 dispatch에 "keyword"와 value를 같이 넣어주는 부분이랑 그 아래 fetchAutoComplete에서는 value만 넣어주시는 이유가 어떤걸까요??

 function setKeyword(value) {
    if (value !== keyword) {
      dispatch(actions.setValue("keyword", value));
      dispatch(actions.fetchAutoComplete(value));
   }

SEOVI

질문자

선생님 정말 감사합니다... 오타가 난줄은 생각도 못했네요 혹시 다른 질문 하나 더 드려도 괜찮을까요?? redux-helper에서 createReducer는 어느정도 작동방식이 이해가 가는데 그 아래 createSetValueAction이랑 setValueReducer가 어떤 방식으로 작동하는지 이해가 잘 안갑니다 export function createSetValueAction(type) {

  return (key, value) => ({ type, key, value });
}

export function setValueReducer(state, action) {
  state[action.key] = action.value;
}

SEOVI

질문자

https://drive.google.com/file/d/1B7DRr2SS6btKoPgAXVw4dGhfX5jLYJkx/view?usp=sharing

혹시몰라서 모듈 제외하고 파일 압축해서 공유해드렸습니다 ㅠㅠㅠ 감사합니다...

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

에러가 없는데 왜 autoCompletes가 적용이 안될까요?