LWC에서 Parent Component의 data를 Child에서 받아오는 법

1. Parent Component의 js에서 Child으로 보낼 data에 @api 붙이기

@api disableSave = false;
@api orderId;

 

2. Child Component의 js에서 Parent에서 보낸 data를 받을 변수 생성 후 @api 붙이기

@api disableSave;
@api orderId;

 

3. Parent Component의 Html에서 Child Component 코드에 서로의 변수를 매핑해 주기

<c-order-delete order-id={orderId} is-delte-modal-open={isDelteModalOpen}></c-order-delete>