0425

s2ljeun·2022년 4월 25일
0

공부

목록 보기
4/10

공부내용 한줄 요약
prop을 사용해 부모 컴포넌트에서 자식 컴포넌트로 object형식의 데이터를 전달할 수 있다.

함수형 컴포넌트 Btn()은 style속성을 가진 button tag를 return한다. 버튼 텍스트만 바꾸어 Btn()을 여러 번 재사용하고싶다.

이때 각 컴포넌트에 html 속성처럼 작성하면
<Btn text="Save" /> <Btn text="Continue" />
Function Btn(prop){console.log(prop)}했을 때 object가 출력된다.

Btn() button 텍스트를 {text}로 바꾸는 식으로 활용가능.

Comment
reactJS는 바닐라JS에 비해 컴포넌트끼리 매우 쉽게 데이터를 주고받을 수 있다.

profile
프론트엔드

0개의 댓글