반응형
State
-
리액트 사용자 입력처리하기리액트 2023. 1. 28. 17:05
useState with npx react-create-app ‘제목’해서 react 실행시키기 그리고 npm start해서 브라우저 열기 input에 작성된 값을 직접 핸들링할 수 있도록 만들어야한다. 사용자의 입력을 처리하기 위해선 state를 이용할 수 있다. useState를 이용한다. import {useState} from "react"; const DiaryEditor = () => { const [author,setAuthor] = useState("내이름스"); return( 오늘의 일기 setAuthor(e.target.value)} /> ); }; export default DiaryEditor; input에 value={author}를 지정하고 상태가 변화할 때 onChange를 사..