reacthooks

[React] React Hooks - useState, useEffect

Hooks는 혼란을 야기했던 Class없이 React의 기능을 사용할 수 있게 해준다. Hooks는 함수 컴포넌트에서 React state와 생명주기(lifecycle features)을 연동할 수 있게 해주는 함수들을 말한다. React Hooks는 다음과 같은 사용 규칙이 있다. React 함수 컴포넌트 내에서 호출해야 한다. 컴포넌트 내 최상위에서 호출해야한다. 1. useState state값은 컴포넌트가 렌더링 돼도 유지되며, 컴포넌트가 렌더링될 때 한번만 생성된다. 아래 코드에서 0의 자리에는 초기값을 넣는다. function Sample() { // 선언 const [count, setCount] = useState(0); return( {count} setCount(count+1)}> ) ..