React Javascript 키 입력 이벤트 "onKeyPress is deprecated..." onKeyDown, onKeyUp을 쓰자.

Javascript나 React에서 현 시점에서 onKeyPress를 쓰면 onKeyPress  와 같이 표출되면서 "onKeyPress is deprecated" 경고문이 발생한다.

 

"나중에 지원 안할꺼니까 쓰지 마셈" 경고문이다.

(사실 아직은 좀 많이 남았지만...)

 

아무튼 당장 사용에 문제는 없지만 onKeyDown이나 onKeyUp와 같은 이벤트를 사용하여 작성하자.

// ...생략
const enterKeyEvent = (e) => {
	if(e.key === 'Enter') {
    	// ... 이벤트 동작
	}
}

// (React input)...생략
onKeyDown={enterKeyEvent}