React - 프로퍼티(Prop) 인터페이스 사용해서 적용하기

사용할 컴포넌트

 

PropsComponent.tsx

 

App.tsx에 적용

 

App.tsx

 

프로퍼티를 사용할 컴포넌트에 인터페이스를 활용한다.

 

인터페이스를 사용하면 컴포넌트 활용시 할당 된 변수와 데이터를 넣어줘야 한다.

 

 

App.tsx 결과

실행 후 모습.