인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
안녕하세요
작성
·
223
0
안녕하세요 강의 다 마무리하고 추가 기능 추가하면서 해결안되는게 있어 질문드립니다.
모달로그인 기능을 추가하였습니다.
(로그인 두곳에서 가능 =>일반, 모달)여기서 로그인실패 message 상태값을 사용하는 component들이 다 호출되는데 이걸 어떻게 해결 해야될지 잘모르겠습니다.
(설명하기가 좀 어렵네요)
모달or 일반 로그인 실패 msg => const { loginErr} = useSelector((state) => state.user)
loginErr 사용되는 곳은 모달로그인 컴퍼넌트와 일반 로그인 컴퍼넌트
...
로그인 실패시
const { loginErr, } = useSelector((state) => state.user)
useEffect(() => {
if (!mounted.current) {
mounted.current = true
} else {
if (loginErr) {
console.log(loginErr)
alert(loginErr) //
}
}
}, [loginErr])
위 코드가 모달로그인과 일반 로그인 똑같이 되어있는데
둘 중하나로 로그인하여 실패시 alert 창이 두번 실행됩니다. 이걸 해결할수 있는 방법 없을까요?
버튼 클릭시 모달내부 코드들이 실행될줄 알고 했는데 생각 처럼 잘 안죕니다. 왜 그런지는 알겠는데 해결방법을 잘 모르겠습니다.
사이트는 tweeter.ga 입니다.
항상 감사합니다.
