본문 바로가기

React

[React] counter 실습

import React, { useState } from "react";

function App() {
  function plus() {
    const newCount = num + 1;
    setNum(newCount);
  }

  function minus() {
    const newCount = num - 1;
    setNum(newCount);
  }

  const [num, setNum] = useState(0);
  return (
    <>
      {num}
      <br />
      <button onClick={plus}>증가</button>
      <button onClick={minus}>감소</button>
    </>
  );
}

export default App;

'React' 카테고리의 다른 글

[React] map 메소드 적용/ 오류 해결  (0) 2023.06.14
[React] Styling 적용하기  (0) 2023.06.14
[React] State 실습  (0) 2023.06.13
[React] State  (1) 2023.06.13
[React] props 추출  (0) 2023.06.13