CWCTBOY
110
2022-06-21 01:25:24
1
119

[리액트] 부모컴포넌트에서 state가 업데이트 될때 자식컴포넌트에서는 업데이트가 안됩니다... 죽을 것 같아요.. 도와주십시오 제발!


안녕하십니까 고수님들.. 현재 공모전하면서 회원가입 이메일 인증 페이지 인증코드 유효시간컴포넌트를 만들고 있는데요..

부모컴포넌트에서 버튼을 클릭하면 서버에서 온 응답으로 코드 유효시간을 다시 3분으로 업뎃하도록 설정하고, 그걸 타이머 (자식)컴포넌트에 넘겨줬는데, 부모 컴포넌트에서 재전송 버튼을 누르고 응답값state가 업뎃이 되어도 타이머 시간은 다시 3분으로 업뎃 안되고 계속 흘러가기만 합니다.. 코드 첨부하겠습니다


1. 부모컴포넌트

재전송 버튼을 누르면 codeSender가 작동하구요, res값을 verifyContent에 저장한 후,

요렇게 Timer컴포넌트로 res값(verifyContent)의 유효시간만 전달해줍니다...

SubmitButton에 codeSender함수도 잘 달아주고요..


2. 자식 컴포넌트

이게 자식컴포넌트구요, 타입설정까지 잘 해주고 했는데도, 처음이랑 새로고침을 해야만 3분으로 설정되고 시간이 줄어드는데, 전송/재전송 버튼을 누르면 그런거 없이 시간만 그대로 흘러갑디다... 도대체 어느코드에 문제가 있길래 이런 참사가 발생한 걸까요 ㅠㅠ

0
  • 답변 1

  • 자바국비뻐꾸기
    825
    2022-06-21 01:50:53 작성 2022-06-21 01:51:21 수정됨
    음... 저는 리엑트가 뭔지도 모르는 초보입니다만
    const는 덮어쓰기가 안되서
    var로 해야하지 않을까요?
    도움이 안된다면 죄송 :o...
  • 로그인을 하시면 답변을 등록할 수 있습니다.