FrontEnd Framework
ReactJS 단계별 학습 1 - step.10 JSX 함수 컴포넌트 매개변수 사용법
내맴이여
2021. 6. 10. 18:42
반응형
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
② FuncTitle이라는 function 컴포넌트를 정의하고, props 매개변수를 선언하였다.
- 전달받은 매개변수는 "props.키" 형태로 값을 참조할 수 있다.
- props.subject : FuncTitle 호출과 함께 subject 변수로 전달한 값을 참조한다.
- props.inform : FuncTitle 호출과 함께 inform 변수로 전달한 값을 참조한다.
4. 결과
※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.
반응형