Input focusout - redux/react

개발, 코딩/React

Websterking 2019. 10. 29. 16:41

react / redux 환경에서 처음 개발하다보면 당황스러운 경험을 하게된다.

state에 값을 담기위해 onChange에서 setState 할때마다,

re-rendering되면 input에서 focusout되는 것이다.

도저히 값을 입력할수가없다.

상황은 매우 난감하지만 해결방법은 매우 간단하다.

해당 input이 속한 컴포넌트 wrapper에(제일 바깥 껍데기) key를 주는것이다.

웹사이트 개발 / 홈페이지 제작 / android앱 개발 / ios 앱 개발 / server / client / aws / fullstack / buisness partner / 외주 / 용역