질문이 있습니다!
210
0
안녕하세요 제로초님 노드버드 강의 이후 참고해서
타입스크립트 적용해서 프로젝트를 하는 중인데 도저히 뭐가 문제인지
알 수가 없어 질문드립니다....
먼저 로그인 폼에서
const onLogin = useCallback(() => {
console.log("로그인폼");
if (emailError || passwordError) {
return;
}
return dispatch(loginRequest({ email, password }));
}, [email, password, emailError, passwordError]);
로그인 액션을 디스패치합니다.
import { UserType } from "../reducer/rootReducer";
import { LOGIN_REQUEST, LOGIN_SUCCESS, LOGIN_FAILURE } from "./types";
export const loginRequest = (data: UserType) => {
console.log("로그인 액션 데이터는 ", data);
return {
type: LOGIN_REQUEST,
data,
};
};
export const loginSuccess = (data: UserType) => ({
type: LOGIN_SUCCESS,
data,
});
export const loginFailure = (error: string) => ({
type: LOGIN_FAILURE,
data: error,
});
export type Actions =
| ReturnType<typeof loginRequest>
| ReturnType<typeof loginSuccess>
| ReturnType<typeof loginFailure>;
export const LOGIN_REQUEST = "LOGIN_REQUEST" as const;
export const LOGIN_SUCCESS = "LOGIN_SUCCESS" as const;
export const LOGIN_FAILURE = "LOGIN_FAILUREE" as const;
로그인 액션에서도 콘솔을 찍고
case LOGIN_REQUEST:
console.log("리듀서 액션은 ", action);
return {
...state,
loginRoading: true,
loginDone: false,
loginError: null,
};
그리고 리듀서에서도 콘솔 찍고
function* login(action: Actions) {
console.log("사가 액션은 ", action);
debugger;
const result = (yield call(login, action.data)) as Actions;
console.log("result", result);
}
function* watchLogin() {
yield takeLatest(LOGIN_REQUEST, login);
}
export default function* rootSaga() {
yield all([fork(watchLogin)]);
}
사가에서도 콘솔을 찍어봤습니다.
그런데
사가가 3번이나 호출이 됩니다... 다른 부분에서 디스패치를 더 하지도 않았는데
왜 그러는지 모르겠습니다ㅠㅠㅠ 심지어 두번째는 액션 타입은 보내지도 않고 데이터만 보내고
결국 마지막에 undefined가 되어 API 요청 보내기도 전에 에러가 납니다.
검색해도 나오질 않고 계속 콘솔 찍어보며 확인하다 답이 없어 질문드립니다...!
답변 1
0
login 함수에서 또 call(login)을 하니까 그렇죠.
참고로 LOGIN_FAILUREE 오타도 있습니다.
0
huhu
앗 그러네요 너무 바보같은 실수라 어이가 없네요... 왜 발견을 못했지ㅠㅠㅠ
정말 감사합니다!
넥스트 버젼 질문
로그인시 401 Unauthorized 오류가 뜹니다
무한 스크롤 중 스크롤 튐 현상
특정 페이지 접근을 막고 싶을 때
createGlobalStyle의 위치와 영향범위
인라인 스타일 리렌더링 관련
vsc 에서 npm init 설치시 오류
nextjs 15버전 사용 가능할까요?
화면 새로고침 문의
RTK에서 draft, state 차이가 있나요?
Next 14 사용해도 될까요?
next, node 버전 / 폴더 구조 질문 드립니다.
url 오류 질문있습니다
ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out
sudo certbot --nginx 에러
Minified React error 콘솔에러 (hydrate)
카카오 공유했을 때 이전에 작성했던 글이 나오는 버그
프론트서버 배포 후 EADDRINUSE에러 발생
npm run build 에러
front 서버 npm run build 중에 발생한 에러들
서버 실행하고 브라우저로 들어갔을때 404에러
css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.
팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.
해시태그 검색에서 throttle에 관해 질문있습니다.
