리액트에서 엔터키 눌렀을 때 이벤트

Question

import React, { useState } from 'react'; import './App.css'; function App() { const [inputValue, setInputValue] &#61; useState(''); const password &#61; '5439'; const handleChange &#61; (event) &#61;> { setInputValue(event.target.value); }; const handleKeyUp &#61; (event) &#61;> { if (event.key &#61;&#61;&#61; 'Enter') { if (inputValue &#61;&#61;&#61; password) { console.log('올바른 비밀번호입니다!'); } else { console.log('잘못된 비밀번호입니다!'); } } }; return ( <input type&#61;&#34;text&#34; value&#61;{inputValue} onChange&#61;{handleChange} onKeyUp&#61;{handleKeyUp} /> ); } export default App; 원래 이렇게 하면 엔터키 눌렀는지 감지해야 하는 거 아닌가요?저는 엔터키 눌러도 아무 메시지가 안 뜨네요.왜 그런 건가요?

개이득인개발 · Answer

엔터키는 <form>태그를 감싸면 자동으로 인식합니다. (버튼)type='text'인 input에서 키 이벤트 리스너를 적용하는건 올바르지않습니다.

리액트에서 엔터키 눌렀을 때 이벤트

1개의 답변

Q&A 목록