본문 바로가기

min.js

검색하기
min.js
프로필사진 min.js

  • 분류 전체보기 (6)
    • React (3)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
  • onchange
  • reactStrictMode
  • event type
  • useRef에러
  • MutableRefObject
  • useEffect
  • react에러
  • 게임용어
  • useref
  • 깃 브랜치 삭제
  • delete branch
  • changeEvent
  • KeyboardEvent
  • react
  • onkeypress
  • 알파테스트
  • reactjs
  • 2번실행
  • 로컬
  • Git
  • console.log
  • branch
  • OBT
  • StrictMode
  • typescript
  • ts2322
  • 원격
  • nextjs
  • FGT
  • undefine
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록KeyboardEvent (1)

min.js

[React] 리액트 'Enter' 키 이벤트 enter key event typescript

버튼을 클릭하면 메시지 전송이 되지만, 키보드의 엔터키를 눌렀을 때도 전송이 되게 하기 위해서는, input의 onKeyPress 속성 사용! 자세한 건 아래 코드에서 확인:) import React, { useRef, useState, ChangeEvent, KeyboardEvent } from 'react'; function InputBox() { const [text, setText] = useState(''); const inputRef = useRef(null); const onChange = (e: ChangeEvent) => { setText(e.target.value); }; const handleMessage = () => { if (text === '') { return alert('전..

React 2022. 4. 12. 14:19
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바