State

State란?

• 컴포넌트 내부에서 바뀔 수 있는 값
  만약 값이 바뀌어야만 하는 정보라면 state로 생성 !

State는useState()를 사용함

useState는 리엑트에서 제공하는 Hook (기능)이다.
Hook : 기능을 하는 함수
기능 --> 훅이라고 표현하기

Only 리엑트에서만 존재하는 개념이자 기능(Hook)이다.

useState 훅 사용

const [value, setValue] = useState (초기값);

• const 선언 후 배열 생성
• 배열의 첫번째 자리에 state 이름,
• 두번째 자리에 set + state 이름
• useState() 의 인자에 state의 원하는 초기값 넣으면 끝

state 변경

import React, { useState } from "react";
function App() {
  const [name, setName] = useState("김할아버지");
  return (
    <div>
      {name}
      <button
        onClick={function () {
          setName("박할아버지");
          // 버튼을 누르면 박할아버지로 바뀌게
        }}
      >
        클릭
      </button>
    </div>
  );
}

export default App;