let vs state

Hooks

use로 시작하는 애들
useState, useEffect, useRef 등등...

클래스 컴포넌트에서만 가능하던 기능이 함수에서도 가능하도록 되었다.

useState

state 만들어주는 기능
state : 컴포넌트 전용 변수

변수 만드는 방법 비교

let count = 0
//
const count = 0
//
const [count, setCount] = useState(0)

굉장히 복잡해 보임.
count : 변수명
setCount : 변수 바꾸기
useState : 변수 만들기
(0) : 초기 값

변수 바꾸는 방법 비교

let count = 0 
count = 5
//
const count = 0
x
//
const [count, setCount] = useState(0)
setCount(5)

기존 방법보다 복잡해 보이는데 왜 사용하나?
State만 이해하면 앞으로는 document.getElemetById()... 이런 복잡한 것을 안써도 됨.

비교

기존 방법

React의 State 방식