로그인 인증 페이지를 제어 방식을 어떻게 처리해야 할까요?

안녕하세요! 로그인 화면을 구현하고 있는데, 어떤 방법이 좋은 방법인지 찾기가 막막하네요

현재는 https://reactnavigation.org/docs/auth-flow/ 를 참고하여 로그인 인증을 구현 했는데, 이외에 다른 로그인 화면을 컨트롤 할 방법이 있을까요 ?

  • 질문은 다음과 같습니다. JWT로 이미 인증 처리를 하고 있기 때문에 위와 같이 Login 화면을 State로 컨트롤 하고 싶지 않습니다.
    Redux 또한 사용하고있는데 Reducer에 LoginFail이라는 AcitionType 을 두어야 할지 감이 잡히지 않습니다…
  1. 현재 JWT적용하여 Fetch로 데이터를 가져오고 있는데, Fetch 호출 시 403 권한 에러 시 어떻게 로그인 화면으로 이동해야 할까요 ?

  2. 보통 로그인 화면을 어떤 식으로 제어하시나요?

감사합니다.

Container에서 TRY_LOGIN Action을 호출하고, reducer에서 해당 액션이 호출 될 때, Fetch 결과를 가지고 INIT -> Success로 갈지, INIT -> Fail로 갈지를 정하셔도 됩니다.

혹은 state를 더 쪼개서 fetch에서 403에러를 받았을 때, redux state를 리셋시켜도 될 것 같네요.

loginFail이라는 것은 action이라고 보기 힘들것 같기 때문에 바람직하지 않을 것 같습니다.

오오… 너무 감사합니다. 403에러 시 로그인 창을 띄운다는 생각은 했어도 redux state를 리셋 시킬 생각은 못했네요

state를 더 쪼갠다는 말이 정확히 어떤 말인지 잘모르겠습니다. 혹시 아래처럼 계층구조를 말씀하시는건가요?

birthday: {
data: [],
// allItems: [],
isFetching: false,
didInvalidate: false,
lastUpdated: 0,
}