컴포넌트는 형제 태그 여러 개가 아니라 하나의 부모 구조를 반환해야 합니다.
jsx rules
JSX와 JavaScript 표현식
태그 구조를 쓰되 속성 이름, 루트 요소, 중괄호 표현식 같은 규칙은 React 컴포넌트 문법으로 읽어야 합니다.
class는 className처럼 자바스크립트 객체 속성에 가까운 이름으로 씁니다.
문자열이 아닌 값, 변수, 계산 결과는 JSX 안에서 중괄호로 연결합니다.
반환 JSX가 하나의 부모로 감싸졌는지 본다.
HTML 속성과 React 속성 이름 차이를 확인한다.
비어 있는 태그도 명확히 닫아 파싱 오류를 막는다.
JSX 내부 주석은 중괄호와 주석 문법을 함께 쓴다.