10.1 Reusable Components with JSX + Props

자 그럼 다시 potato파일을 없애고, 관련 소스들을 지우자.

 

그리고 다음과 같이 함수로 만들어내서 해보자.

그럼 정상적으로 출력되는 것을 확인할 수 있다.

 

 

 

다음으로는 prop

 

prop은 string, boolean, number등 다 된다.

father component에서 children component로 원하는 많은 props들을 보낼 수 있다.

그리고 fav만 출력해보자.

 

다음과 같이도 나타낼 수 있다.

다음과 같이 다르게 prop을 줘서 나타낼 수 도 있다.