React TextField 엔터키 이벤트

TextField 컴포넌트 onKeyPress 함수를 사용해서 엔터키 이벤트를 발생시킬 수 있다. 로그인 정보를 입력하거나 특정 정보를 입력 후 버튼 클릭을 별도로 하지 않고 엔터키를 입력해서 이벤트를 처리할 때 사용하면 된다.

 

 

 

---

 

TextField 엔터키 이벤트 예제

<TextField onKeyPress={(e)=>{if(e.key === 'Enter') {onSubmit();}}} />

1. TextField 컴포넌트에 onKeyPress 이벤트 함수를 생성

2. KeyPress 이벤트를 (e) 로 받아서 e.Key 값이 Enter 인 경우

3. onSubmit 함수를 실행