+버튼을 누르면 1씩증가, -버튼을 누르면 1씩감소하는 소스이다.

//Counter.js

import React, { useState } from "react"; // useState 사용

const Counter = () => {
 
//상수 선언
  const [**count**, **setCount**] = useState(0);   //useState(0)  0에서 출발

  const plus = () => {
    **setCount**(count + 1);
  };

  const mius = () => {
    **setCount**(count - 1);
  };

  return (
    <div>
      <h2>{count}</h2>
      <button onClick={plus}>+</button>
      <button onClick={mius}>-</button>
    </div>
  );
// 증가된 결과를 App.js 에 뿌려주기 때문에 버튼을 누르면 리렌더 된다.
};

export default Counter;

//App.js

import "./App.css";
import MyHearder from "./MyHeader";
import MyFooter from "./MyFooter";
import Counter from "./Counter";

function App() {
  let name = "shipjh";

  return (
    <div className="App">
      <MyHearder />
      <Counter />
    </div>
  );
}

export default App;