리액트에서 자식을 포함한 엘리먼트 추가 방법

counter.jsx

 

import React, { Component } from 'react';

 

class Counter extends Component {

    render() {        

        // return되는 부모 엘리먼트는 하나만 올 수 있고

        // <React.Fragment>로 감싸주면 자식들을 넣을 수 있다.

        // <React.Fragment>는 렌더링시 포함되지 않는다.

        return (

          <React.Fragment> 

            <h1>Hello World</h1>

            <button>Button</button>

          </React.Fragment>

        );

    }

}

 

export default Counter;

 

비교 : https://thinkforthink.tistory.com/126

참고 : https://youtu.be/Ke90Tje7VS0?t=1902