리액트

props

Choiji 2021. 3. 24. 14:51

porps는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소입니다.

props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있습니다.

 

부모 컴포넌트에서 name이라는 props를 MyComponent로 전달

JSX 내부에서 props를 렌더링할 때는 { } 기호로 감싸 주면 됩니다.

props 값을 따로 지정하지 않았을 때 보여 줄 기본값을 설정하는 방법

태그 사이의 내용을 보여 주는 children

리액트 컴포넌트를 사용할 때 컴포넌트 태그 사이의 내용을 보여 주는 props

 

 

 

 

 

결과

 

'리액트' 카테고리의 다른 글

state  (0) 2021.03.24
컴포넌트  (0) 2021.03.24
JSX란?  (0) 2021.03.23
리액트 작업 환경 설정  (0) 2021.03.23
리액트란?  (0) 2021.03.23