5. 한 컴포넌트의 최상위 요소

      <>

        <h1>Hello</h1>

      </>

이렇게 하면 뭐랄까..

 

그러니까,

    <div className='App'>

      <h1>Hello React V18</h1>

    </div>

이거는 곁에 한번 감쌈.

실제로 브라우저에서 랜더링 될 때 <div class=="App"> 이렇게 감싸서 h1 나오는 거임.

class가 아니고 className인 이유는 js의 class랑 중복되서 저러는 듯.

 

근데, 

    <>

      <h2>Hello</h2>

    </>

이렇게 하면 곁에 감싸는 거 없이 들어가는 거임.

    <Fragment>

      <h2> Hello </h2>

    </Fragment>

저 Fragment로 감싼거랑 똑같은 거임.

위에는 축약임.

그냥 암거나 쓰면 됨.