이성

5.4) Props로 데이터 전달하기 Button 추가 시 서버가 응답을 하지 않습니다.

<p><code>Counter.JS</code></p><pre class="hljs"><code>const Counter () => {
    return(
      <div>
        <h2>0</h2>
        <button>+</button>
        <button>-</button>
      </div>
    )
}

export default Counter;</code></pre><p><code>APP.JS</code></p><pre class="hljs"><code>import Counter from "./Counter";
import MyHeader from "./MyHeader";
import React from "react";

function App(){
    return(
      <div>
         <MyHeader />
         <Counter />
      </div>
    );
}

export default App; </code></pre><p>이렇게 작성했고 로컬에서 구동하면 아래와 같이 에러가 납니다. <img src="https://cdn.inflearn.com/public/files/posts/f9dbdffe-bade-4869-b881-21687756343f/스크린샷2023-05-26072947.png" alt="스크린샷 2023-05-26 072947.png" title="스크린샷 2023-05-26 072947.png"></p>