MJ.Story
Props 란? 본문
Props 란?
- Props란?
- props란 부모 컴포넌트에서 자식 컴포넌트로 값을 전달해주는 것을 의미합니다.
- Components와 Props
- 개념적으로 컴포넌트는 JavaScript 함수와 유사합니다. “props”라고 하는 임의의 입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환합니다.
- 컴포넌트를 정의하는 가장 간단한 방법은 JavaSciprt 함수를 작성하는 것입니다.
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
- 이 함수는 데이터를 가진 하나의 “props”(props는 속성을 나타내는 데이터입니다) 객체 인자를 받은 후 React 엘리먼트를 반환하므로 유효한 React 컴포넌트입니다. 이러한 컴포넌트는 JavaScript 함수이기 떄문에 말 그대로 “함수 컴포넌트”라고 호칭합니다.
'IT > React' 카테고리의 다른 글
| React Hooks(useState, useEffect) (0) | 2022.12.08 |
|---|---|
| 컴포넌트 렌더링 (0) | 2022.12.04 |
| State 란? (0) | 2022.12.04 |
| SPA 방식과 MPA 방식은 무엇인가요? (0) | 2022.12.04 |
| React에서 Ref를 쓰는 이유 (0) | 2022.12.04 |