[React Hook] useState

hooks는 react의 state machine에 연결하는 기본적인 방법이다. 

hook의 아주 기본이라고 할 수 있는 useState로 카운터를 만들어봤다.

 

 

function App() {
  const [item, setItem] = useState(1)
  const increaseItem = () => setItem(item + 1)
  const decreaseItem = () => setItem(item - 1)
 
  return (
    <div className="App">
      <h1>Hello {item}</h1>
      <button onClick={increaseItem}>Increase</button>
      <button onClick={decreaseItem}>Decrease</button>
    </div>
  )
}

 

중요한점이 있다면 item은 무조건 setItem이라는 모듈러를 통해서만 값을 수정할 수 있다!