✅ props

• 상위 컴포넌트 ➩ 하위 컴포넌트 데이터 전달
• 다양한 방법이 有

• 상위 컴포넌트 App.js 中 , Route 안에 props 전달

• 구조 분해 할당을 통해서, menu 속성을 직접 받아옴

💻 구조 분해 할당

• 객체나 배열로 부터 원하는 값을 쉽게 추출하는 JS문법

[ ❗ ] 이미 구조 분해 할당을 사용하고 있었습니다 !

• useState 사용할 때, 공식 처럼 사용했던
  const [ 기본값 , 셋팅값 ] = useState(초기값) ;

구조 분해 할당 사용 안할 경우)

• 배열에 따라서, useState 사용 / 코드가 복잡해지고, 덜 직관적임

[ ❓ ] 상위 컴포넌트에서는 하위 컴포넌트를 import 했는데, 하위 컴포넌트에서는 상위 컴포넌트를 import 하지 않았습니다.

☑️ import 쓰는 경우

: 어떤 컴포넌트나 함수 또는 변수를 해당 파일에서 사용할 경우

① App.js는 'Welcome' 컴포넌트를 사용하므로, import 必

② 'Welcome'은 전달 받은 데이터만 사용해서, 필요 ❌❌

③ props는 단방향 !!