Notice
Recent Posts
Recent Comments
«   2026/01   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

MJ.Story

Props 란? 본문

IT/React

Props 란?

아토씌 2022. 12. 4. 22:47

Props 란?

  1. Props란?
    • props란 부모 컴포넌트에서 자식 컴포넌트로 값을 전달해주는 것을 의미합니다.
  2. 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