React

[React] 컴포넌트의 Props

천니 2021. 9. 13. 13:12
728x90

<Content></Content> 처럼만 사용가능했던 컴포넌트를 App 컴포넌트에서 값을 직접 정의해서 사용하고 싶어 등장한 Props 이다. 

 

컴포넌트의 요소에 props를 지정하면 다른 컴포넌트에서 그 value에 값을 넣어 사용할 수 있다!!

 

즉, props는 컴포넌트끼리 값을 전달하는 수단이다!

 

 

이와 같이 props를 사용하여 컴포넌트의 요소를 지정해줄 수 있다.  

 

 

이렇게 App 컴포넌트 안에서 Content 컴포넌트에게 값을 전달할 수 있다. (cheon , react prac 를 전달함!)

'React' 카테고리의 다른 글

[React] setState , bind 함수 이해하기  (0) 2021.09.13
[React] 컴포넌트의 state  (0) 2021.09.13
[React] 프로젝트 디렉토리 구조 파악하기  (0) 2021.09.10