Error

React로 댓글 생성 컴포넌트를 만들던 도중
영어로 입력할때는 정상적으로 작동하는데, 한글로 입력할 때에만 이벤트가 두번 실행되는 에러를 발견했다.

아무리 봐도 코드에 잘못된 부분을 찾지 못해 한참 시간을 허비한 끝에 해결했다!!

해결

onKeyUp => onKeyPress로 attribute를 변경해주면 해결된다.

<input
	onChange={this.handleChange}
	onKeyPress={this.handleKeyEvent}
	className="replyInput"
	type="text"
	placeholder="댓글 달기..."
	ref={this.inputRef}
/>

이유가 뭘까... 한글에서만 반응하는거 보니 UTF-8 인코딩 문제인가...🧐