react - props 정의 및 사용 방법
props란? properties 를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소 props는 상위 컴포넌트에서 하위 컴포넌트로 값을 전달하는데 사용하는 수단( 단방향 데이터 흐름 ) 함수형 컴포넌트 - props 사용방법 1. 먼저 부모 컴포넌트(App)에서 자식 컴포넌트(FunctionComponent)로 보낼 props를 작성해준다. function App() { return ( {/* 값에 접근할 수 있는 키 값의 네이밍은 원하는 대로 가능하다! */} {/* 부모 속성을 자식에게! */} {/* 태그 사이에 작성한 글은 자식 컴포넌트에서 children으로 사용가능하다. */} 자식 내용 {/* 중괄호로 감싸서 배열을 전해줄 수 있다. */} ); } 2. 부모 컴포넌트에서 전달해준 ..
2024.03.30