---

목적 : state의 개념과 이유를 알기 위해서

---

state의 기능과 뜻

• 컴포넌트 내부에서 바뀔 수 있는 값을 의미합니다.
• state를 만들 때는 useState()를 사용합니다.
• state는 react에서만 존재하는 개념이자, 기능입니다.
• react에서는 기능이 아닌, hook 이라고 표현합니다.

useState 사용법

useState hook을 사용하는 방식
const [value, setValus] = useState(초기값) // 배열의 구조분해 할당을 사용!

React

import { useState } from "react";

function App() {
	return <GrandFather />
}
function GrandFather() {
	const [name, setName] = ("벨"); // state 생성
	return <Mother grandFatherName={name} />
}
function Mother(props) {
	return <Child grandFatherName={props.grandFatherName}/>
}
function Child(props) {
	return <div>{props.grandFatherName}</div>
}