React

input 비동기 문제 fix하기

GDSC 1차 팀프로젝트였던 투표 SNS, Boat-Vote. 배포까지 완료되었지만 해결하지 못했던 문제가 몇 가지 있어 차례차례 해결해보려 한다. 먼저, input 비동기 문제이다. 문제 상황 위 화면은 투표 게시글 작성 팝업에서 투표 항목을 4개 모두 작성한 화면이다. 이 상황에서 세번째 투표 항목을 지울 경우 1, 2, 3, 4에서 1, 2, 4가 되어야 마땅하지만, 1, 2, 3으로 표시되는 문제가 발생하였다. 그와중에 state는 1, 2, 4로 정상적으로 들어가있어 게시글 등록 시에는 1, 2, 4로 정상적으로 나왔다. 즉, state가 변해도 input의 값이 갱신되지 않는 문제가 발생하였다. 원인 파악 원인을 파악하기 위해 3번째 input box의 디자인만 변경한 채로 3번째 input을..