React 기초 학습 7.자식 컴포넌트로 props 전달 / 주석 (Zerocho님 강의 학습 의식의 흐름대로 노트 정리)

강의 유튜브 주소 :

https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn

 

---

부모컴포넌트에서 props를 getNumber라고 명명해서 넘기면

자식컴포넌트에서 this.props.{명명한 이름} 으로 받으면 된다.

// 부모컴포넌트
<Test getNumber={num} />

// Test 컴포넌트
<div>
	{this.props.getNumber}
</div>

 

간단한 경우 props를 전달해 사용할 수 있지만 복잡해질 경우 관리가 어렵다고 한다.

그래서 사용하는 것이 context나 redux 같은 것들.

앞으로의 강의에서 나오겠지.

 

jsx에서의 주석은

return(
    <>
      {/* 이렇게 쓴다!! */}
    </>
  );