ReactJS 단계별 학습 1 - step.10 JSX 함수 컴포넌트 매개변수 사용법

1. 시험환경

- Visual Studio Code

- node v14.17.0

- npm 6.14.13

 

2. 목적

- 단계별 학습을 통해서 ReactJS 사용법을 익힌다.

- function 컴포넌트 호출 시 매개변수 전달 방법을 알아보자.

- function 컴포넌트에서 전달받은 매개변수를 참조하는 방법을 알아보자.

 

3. 적용

① FuncTitle이라는 function 컴포넌트 호출과 동시에 subject, inform 매개변수를 전달한다.

chap17_3.html

0.00MB

function 컴포넌트 호출과 동시에 매개변수 전달

 

② FuncTitle이라는 function 컴포넌트를 정의하고, props 매개변수를 선언하였다.

    - 전달받은 매개변수는 "props.키" 형태로 값을 참조할 수 있다.

    - props.subject : FuncTitle 호출과 함께 subject 변수로 전달한 값을 참조한다.

    - props.inform : FuncTitle 호출과 함께 inform 변수로 전달한 값을 참조한다.

props를 통해 전달받은 값 확인

 

4. 결과

결과 확인

 

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.