rhs199813739

<p>오! 바로 해결되었습니다. 혹시 어떤 문제였는지 알 수 있나요?? 빠른 답변 감사합니다!</p>

[username] 경로와 home 경로로 라우팅할 때 오류

<p>앗 제가 컴포넌트에 부모 태그가 있어야 한다는 것을 잘못이해하고 있었던 것 같습니다 ㅠ</p><ul><li><p>제가 처음에 이해했던 것은</p></li></ul><pre class="hljs"><code>function App() { 
  const counterprops = { 
    a : 1,
    b : 2,
    c : 3,
    d : 4,
    initialVaule : 5,
  };
  return ( 
  
    <div className="App">// 2-2. 이게(부모태그) 필요
      <Container> // 2-1. 이게(부모태그) 필요 / 1-2. Container를 넣을때
        <Counter {...counterprops}/> // 1-1. Counter를 넣을때
      </Container>
    </div>
   
  );
}</code></pre><p>이런 식으로 "부모 컴포넌트(App)에 자식 컴포넌트(Counter)를 넣을 때" 부모 컴포넌트 return 문 내에서 자식 컴포넌트를 감싸는 부모태그가 있어야 한다고 이해했습니다.</p><ul><li><p>현재 이해한 것은 </p></li></ul><pre class="hljs"><code>function App() { 
  const counterprops = { 
    a : 1,
    b : 2,
    c : 3,
    d : 4,
    initialVaule : 5,
  };
  return ( // HTML을 반환
  
    <div className="App"> 2. 이런 최상위 부모태그가 필요
      // 1. 여기 코드를 리턴하려면
    </div>
   
  );
}</code></pre><p>"컴포넌트를 생성할 때" 즉, App 컴포넌트를 만들 때라고 가정하면, <div className="App"></div> 이렇게 최상위 부모 태그를 만들고 그 안에 return할 코드를 넣어줘야 한다는 점입니다.</p><p>제가 두 번째로 이해한 부분이 맞는 것인가요??</p>

컴포넌트 부모 태그

<p>앗 네! 그럴 수 있다고 생각합니다.</p><p>그러나 제가 질문을 드린 의도는 </p><p>"굳이 콜백함수를 왜 써?"</p><p>라기 보다 저 코드에서 "콜백함수를 썼을 때와 안 썼을 때의 차이점이 있는지" 자체가 궁금해서 질문드렸습니다 :)</p>

rhs199813739

Posts