React.js

[React] Enter 입력시 Event 발생시키기

Chunho 2022. 5. 31. 17:15

ID, Password를 입력한 뒤 Enter키를 눌렀을 때 로그인이 되게 하는 기능을 구현하기 위해 onKeyPress 함수를 썼다. 

 

onKeyPress 안에 키를 눌렀을 때 실행할 함수를 넣어주면 된다.

 

 onKeyPress = e => {
    if (e.key === 'Enter') {
      this.handleLogin()
    }
  }

위와 같이 입력된 키가 Enter일때 로그인이 되게끔 구현해줄 수 있었다.