ReactJS 단계별 학습 1 - step.9 JSX function 컴포넌트 기본 사용법 3

1. 시험환경

- Visual Studio Code

- node v14.17.0

- npm 6.14.13

 

2. 목적

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

- 다양한 방식으로 function 컴포넌트를 정의하고 사용하는 방법을 학습한다.

- function 컴포넌트를 세분화해서 코드를 구조화하는 방법을 학습한다.

 

3. 적용

① 테이블 각각의 행(Row)을 function 컴포넌트 단위로 구성한다.

 

chap17_2.html

0.00MB

function 컴포넌트 정의

 

②  function 컴포넌트로 구성한 각각의 행(Row)을 Funcbody 컴포넌트에서 호출한다.

function 컴포넌트 호출

 

4. 결과

결과 확인

 

 

 

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