react에서 input에 focus out을 이용하고 싶을때는 onBlur를 이용하면 됩니다.
| javascript | react |
| focusin | onFocus |
| focusout | onBlur |
focusout으로 계속 시도해보다가 onBlur를 최근에 알게되었습니다.
아래에 예제 추가해 두었습니다.
react 깃헙에서 관련 issue도 첨부해 두겠습니다!
react-dom 라이브러리에서 focusIn, focusOut 관련 부분도 캡처 & 링크 걸어두겠습니다.
https://github.com/facebook/react/issues/6410
onFocusIn/onFocusOut events · Issue #6410 · facebook/react
Like mouse enter/leave, these are almost always what you want, not the onFocus and onBlur events we currently expose. I run into this semi-frequently when actually doing product work. We should add...
github.com
GitHub - facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
A declarative, efficient, and flexible JavaScript library for building user interfaces. - GitHub - facebook/react: A declarative, efficient, and flexible JavaScript library for building user interf...
github.com
'Frontend > React' 카테고리의 다른 글
| React form 블로그 따라 다루기 (0) | 2022.04.06 |
|---|---|
| React keys (0) | 2022.04.02 |
| React moment locale 적용하기 🌹 (1) | 2022.04.02 |
| React Derived State 🥲 (0) | 2022.04.02 |
| React props, state 🏔 (0) | 2022.04.02 |