등록버튼 두번 눌러야 등록되는 에러 해결하기🥲

글쓰기 버튼을 누르면 포스트가 등록이 되어야한다.

그런데 글쓰기 버튼을 두번째 눌렸을때야 정상 등록되는것...!!

이유는.. setMeetTime을 onClick시 실행시켜줘버려서!

여기서 finalMeetTime은 

datepicker

datepicker로 입력받은 날짜,시간 값을

(현재 date의형태는 아래의 콘솔에 찍힌 51번째줄)

서버에서 원하는 형태인 isoString형태로 변경해준 값이 

 

finalMeetTime!!! 

 

서버로 보내줘야하는 이 finalMeetTime을 useState사용해 서버가 받는 값인 meetTime에 넣어주었다.

(문제점은 버튼을 클릭 한 후 발생하니.. 버튼 클릭 후 meetTime에 넣어주고 한번더 눌려줘야 제대로 보내지는 것!)

 

그렇다고 meetTime에 값을 넣어주는 작업을 코드 중간에서 하니 자꾸 이유모르는 무한루프가 발생하였다😭

결국 콘솔에 하나하나 찍어보며 고민끝에 해결 한 방법은 state를 하나만해서 useState를 한번만 사용하자!

 

 

meetTime의 useState 변수를 주석처리해주고

원래는 finalMeetTime이란 변수에 finalDate.split(".")[0]을 넣어주었고

useState를 사용해 meetTime에 그 값을 넣어주었다.

왜 굳이 그렇게 했던거지ㅇ_ㅇ?

그럼 이제 meetTime을 콘솔에 찍어보면 서버로 보내야하는 형식의 값이 바로 잘 담기는 것을 확인 할 수 있따:D!

DatePicker컴포넌트에선 meetTime이라 되어있던 value값을 date로 바꿔 넣어주었다.

 

사실 이것 저것 많은 시도를 하였지만 그럴때마다 datePicker의 날짜가 변경되지 않는다던지,

datePicker에 이상한 형태로 유저에게 보인다던지.. 암튼 이것저것 많은 문제들이 발생하였다.

 

하지만 결국 잘 해결하여서 넘넘 기쁘다 >_<!!

아 물론.. 현재 500에러가 떠서 아침에 서버분들에게 확인 부탁해볼 예정이다.

테스트해보면.. 아마..아.아마...... 잘 될거라고... 믿는다..!!!!!!😂