React _ Props

React _ Props 공부하기.

 

Props (Properties)

: 어떠한 값을 다른 컴포넌트에게 전달해줘야 할 때 사용.

   부모컴포넌트 -> 자식컴포넌트

(defaultProps. 컴포넌트에 props를 지정하지 않았을 경우, 기본적으로 사용할 값을 정할 수 있다. )

 

 

 

공부내용.

1.벨로퍼트의 누구든지 하는 리액트

https://codesandbox.io/s/props-forked-ro67h?file=/src/MyName.js 

Props (forked) - CodeSandbox

 

 

 

2.벨로퍼트와 함께하는 모던 리액트

App 컴포넌트에서 Hello 컴포넌트를 사용 할 때,

name 이라는 값을 전달 해 줄 경우.

 

 

코드

 

결과

 

 

 

props.children

컴포넌트 태그 사이에 넣은 값을 조회하고 싶을 때 props.children 사용.

 

코드

 

결과

 

 

 

조건부 렌더링 (삼항연산자와 &&연산자)

 

코드

 

 

결과