[TIL] sparta 30일차

하나의 부모 엘리먼트로 감싸기

JSX에서 반환되는 값이 하나의 루트 엘리먼트여야 하는 규칙 때문

 

const App = () => (
  <div>
    <h1>Hello</h1>
    <p>World</p>
  </div>
);

 

 

Fragment

의미 없는 부모 엘리먼트를 추가하고 싶지 않다면, React Fragment (<>...</>)를 사용할 수 있다

const App = () => (
  <>
    <h1>Hello</h1>
    <p>World</p>
  </>
);

 

 

컴포넌트, 파일 이름

PascalCase

리액트 컴포넌트의 이름은 항상 대문자로 시작해야 한다.

소문자로 시작하는 컴포넌트는 일반 HTML 엘리먼트로 간주된다

 

 

Self-Closing Tag

컴포넌트가 자식을 포함하지 않는 경우, 닫는 태그를 생략하고 self-closing 태그로 표현할 수 있다.