[React] 리액트<input> 태그의 값에 접근, 'Enter' 키 이벤트 enter key event javascript
·
Web/JavaScript
정답을 제출할 때, 엔터키를 눌러도, 제출 버튼을 눌러도 input 태그 안의 내용이 제출될 수 있도록 해야했다.1. input 태그의 값을 Hook으로 관리2. input이 입력될 때마다 State를 업데이트3. input tag의 onKeyDown 이벤트 핸들러를 설정하여 엔터키를 누를 시 값이 제출되도록 설정4. 제출 버튼에 onClick 이벤트 핸들러를 설정하여 값이 제출되도록 설정1. 'input' 태그의 값을 관리할 useState훅을 선언1. useState 훅을 사용하여 입력된 값을 관리할 State를 선언```javascriptimport { useState } from 'react';const ShortAnswer = () => { const [answer, setAnswer] = u..