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

Question

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

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

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

Answer

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

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

Answer

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

Answer

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

Answer

SearchInput에서 dispatch에 'keyword'와 value를 같이 넣어주는 부분이랑 그 아래 fetchAutoComplete에서는 value만 넣어주시는 이유가 어떤걸까요??  functionsetKeyword(value){ if(value!==keyword){ dispatch(actions.setValue('keyword',value)); dispatch(actions.fetchAutoComplete(value)); }

Answer

선생님 정말 감사합니다... 오타가 난줄은 생각도 못했네요 혹시 다른 질문 하나 더 드려도 괜찮을까요?? 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;
}

Answer

https://drive.google.com/file/d/1B7DRr2SS6btKoPgAXVw4dGhfX5jLYJkx/view?usp=sharing 혹시몰라서 모듈 제외하고 파일 압축해서 공유해드렸습니다 ㅠㅠㅠ 감사합니다...

SEOVI

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

이 글과 비슷한 Q&A

toolkit, saga를 사용하는데 saga에서 로그인정보 받을때 state가 이전 state가 아니라 proxy데이터가 나옵니다.

redux toolkit을 사용하시면서 redux saga를 사용하시다가 애먹으시는 분들은 참고해주세요

깃헙에 saga가 아니라 createAsyncThunk로 작업이 되어있으신거같아서 궁금해서 여쭤봅니다.

antd ui라이브러리를 사용하니까 Cannot use import statement outside a module 에러가 나옵니다.