useState: 상태관리를 통해 값을 변경[리액트 자신감up 실습1]

내 스스로가 좀 더 리액트에 재미를 붙이고 자신감을 up시키기 위해 차근차근 예제를 살펴보기로 한다.

work\memoboss>

---

useState 활용예시

import './App.css';

import { useState } from 'react';

function App() {

  const [number, setNumber] = useState(100)

  const btnClick = () => {

    setNumber(number + 1)

  }

  return (

    <div className="App">

      <button onClick={btnClick}>plus one</button>

      <h1>{number}</h1>

    </div>

  );

}

export default App;

 

결과