State 정리(state / useState / setState)

State

컴포넌트에서 사용하는 변수

setState

컴포넌트에서 사용하는 변수를 바꿔주는 기능

useState

컴포넌트에서 사용하는 변수를 만들어주는 기능

#리액트 컴포넌트에서 변수 만들기

const [변수명] = 변수만드는 기능(담을내용)
ex) const [classmate] = useState("철수")

#리액트 컴포넌트에서 변수 바꾸기

const [변수명, 변수바꾸는 기능] = 변수만드는 기능(담을내용)
const [classmate, setClassmate] = useState("철수")

setClassmate("영희") -> classmate가 영희로 바뀜

classmate = 변수명
setClassmate = 변수를 바꾸는 기능
useState = 변수를 만드는 기능
() = 담을내용(초기값)

event.target.value

이벤트가 발생한 요소(event.target)의 값(value)