- Input, TextField에서
onChange
를 통해서 Enter의 이벤트를 받을수 있다고 생각을 했으나 - 실제로 Enter를 받기 위해서는
onKeyDown
또는onKeyUp
,onKeyPress
의 이벤트를 이용해야 한다. - 하지만 이때 만약
onKeyDown
,onKeyUp
을 하면 한글로 입력하고 엔터치면 두번 검색되는 문제가 발생한다. - 그러니 안전빵으로
onKeyPress
의 이벤트를 사용하자 - 다시보니 이벤트명이...
onKeyPress
가 적당해보인다.
참고
- react doc 을 참고
- stackoverflow 를 참고
'Web 개발 > React' 카테고리의 다른 글
[React] Dashboard 좋은 재료들 모음 (0) | 2020.02.29 |
---|---|
[React] render함수에서 JSX Dictionary Iteration 을 하는방법 (0) | 2020.02.23 |
[React] Material-ui/styles (vs styled components) (0) | 2020.02.19 |
[React] Material-ui 컴포넌트 사용 & 스타일 적용 (+예제코드) (0) | 2020.02.19 |
[React & Node] 프로젝트 빌드하는 방법 (static 파일 제공) (0) | 2020.02.19 |