실습 - 카운트 앱

실습 - 카운트 앱

 

내가 짠 코드

App.jsx

import {useState} from 'react';

function App() {
  const [num, setNum] = useState(0);
  return (
    <div>
      <div>{num}</div>
      <button
        onClick={() => {
          // num += 1
          setNum(num+1)
        }}
      >
        +1
      </button>
      <button
        onClick={() => {
          // num -= 1
          setNum(num-1)
        }}
      >
        -1
      </button>
    </div>
  )
}

export default App;

 

 

---

num = num - 1 안되는 이유

num을 바꿀 수 있는 유일한 방법은 setNum!!!

값은 바뀌지만, 반영이 안된다.

React 프로젝트 내에 num을 바꿀 수 있는 방법으로 바꿔야한다!

 

다른 방법

      <button
        onClick={() => {
          newNum = num + 1
          setNum(newNum)
        }}
      >