State

이벤트 리스닝 및 이벤트 핸들러 수행 

const onChange = () => {
console.log("ya");
};


<button onChange={onChange}>
//카멜케이스로 작성 
//() x, 앞쪽에 함수 생성하는것이 좋음

useState

컴포넌트 하뭇가 다시 호훌되는곳에서 변경된 값 반영하기 위해 state로 값을 정의할 수있게 해줌 

리액트 컴포넌트 함수안에서 useState 호출 

cosnt [현재 상태값, 업데이트하는 함수 ] = useState ();

useState Hook

왜 상수형 사용 ? 

등호를 사용해서 값 할당 안함 

state 업데이트 하는 방법이 아니기때문

 

input

const hello [hello, sethello] = useState("");

const hi = (event) => {
sethello(event.target.value);
};

3개의 state 한개로 관리 

useState({
sethello: '',
setbye:'',
sethi:''
});
//객체로 사용 할 것

state 끌어올리기