React - 보모,자식 컴포넌트

import React from 'react';

// 자식 컴포넌트

function Child() {

  return <div>나는 자식입니다.</div>;

}

// 부모 컴포넌트

function App() {

  return(

    <div>

      <Child/>

      <Child/>

      <Child/>

      <Child/>

      <Child/>

    </div>

    )

}

export default App;

 

 

실습 

: 3개의 컴포넌트를 만들고 할아버지,엄마,자식 컴포넌트를 만들어보고 서로 연결시켜라

 

import React from 'react';

function Child() {

  return <div>나는 아들이에요.</div> // Child 를 출력

}

function Mother (){ // Mother 안에 Child 를 품고

  return <Child/>;

}

function GrandFather() { //  GrandFather 안에 Mother 를 품고

  return <Mother/>;

}

function App() {

  return <GrandFather/>;

}

export default App;