state를 만드는 방법은 hook을 이용
useState(); 를 이용
사용 방법은
import {useState} from "react";
const [name,setName] = useState("초기값")
// name: 변수
// setName: 변수를 변경하는 함수
// useState()안에 초기값 설정
// 초기값에 의해서 name이 "초기값"으로 세팅됨
useState() 사용 예시 (실습) - onClick
useState() 결과 (실습) - onClick
버튼 클릭 후 name의 르탄이 값이
르순이로 바뀐것을 확인할 수 있었다.
useState() 사용 예시 (실습) - onChange
값이 입력받을때마다 발생하는 이벤트 생성
useState() 결과 (실습) - onChange
input창에 텍스트를 입력되는대로
consol.log에 setValue된 값이 잘 찍히는 것을 확인할 수 있다.
input태그 아래에 {value}를 추가하면
내가 input에 텍스트를 입력하는대로 실시간으로 확인할 수 있다.
보통 input태그의 value값에 적용함
value를 엮었을때에는 제어 컴포넌트
vlaue를 엮지 않았을 때에는 비제어 컴포넌트라고 한다.
