react) 프래그먼트태그 <>

컴포넌트 단위로 엘리먼트를 리턴할때 하나의 html태그로 전체를 감싸야지 안그러면 에러가 발생한다

그래서 개별 p태그나 span태그들이 있어도 그걸 전체의 div로 감싸던가 하는 방식을 썻는데 굳이 그러지않고 그냥 <> 로 표현가능한 프래그먼트태그 쓰면 편하다.

<react.Fragment> 해도 되고 빈태그로 <> 써도된다.

import react, { Component } from 'react';

class R032_Fragments extends Component{
    render(){
        return(
            <>
            <p>P tag</p>
            <span>span tag</span>
            </>
        )
    }
}
export default R032_Fragments;