[React] State를 사용하는 방법

import {useState} from 'react';
let [myState, setmyState] = useState('content');

0. 스테이트 문법 언제 사용할까?

변수와 스테이트의 가장 큰 차이는 __ 입니다.
일반 변수는, 그 값이 변경되더라도 현재 출력중인 HTML 문서에 실시간으로 반영되지 않습니다.
수동으로 문서를 새로고침 하거나 변수의 변경된 값을 반영해 줄 함수를 따로 만들어 사용해야만 합니다.

반면에 스테이트는 그 값이 변경될 때마다 현재 출력중인 HTML 문서를 자동으로 재렌더링 하여 변경된 값을 반영해줍니다.

따라서 자주 변경이 필요하거나 빠르게 변경이 필요한 값을 저장할 때 일반변수보다는 스테이트를 활용하는 것이 좋습니다.

1. useState 훅 import 하기

2. 스테이트 정의하기

3. 스테이트 변경함수 정의하기