2023-01-20 TIL

React

JSX에서 여러 엘리먼트를 작성하고자 하는 경우, 최상위에서 opening tag와 closing tag로 감싸주어야 합니다.
React에서 CSS class 속성을 지정하려면 "className"으로 표기해야 합니다.
JSX에서 JavaScript를 쓰고자 한다면, 꼭 중괄호를 이용해야 합니다.
React 엘리먼트가 JSX로 작성되면 "대문자"로 시작해야 합니다. 소문자로 시작하게 되면 일반적인 HTML 엘리먼트로 인식을 하게 됩니다.

조건부 렌더링은 if문이 아닌 삼항연산자를 이용해야 합니다. ex) (1+1 ===2) ? (<p>정답</p>) : (<p>탈락</p>)

React 에서 여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 함수를 사용합니다.
map 함수를 사용할 때는 반드시 "key" JSX 속성을 넣어야 합니다.