728x90
https://react.vlpt.us/basic/04-jsx.html 에서 발췌함
리액트 컴포넌트에서는 XML 형식의 값을 반환해줄 수 있는데 이를 JSX 라고 부릅니다.
JSX 는 리액트에서 생김새를 정의할 때, 사용하는 문법입니다. 얼핏보면 HTML 같이 생겼지만 실제로는 JavaScript 입니다.
꼭 지켜야하는 규칙
- 태그 닫아야함
- 두개 이상의 태그는 무조건 하나의 태그로 감싸야함
JSX 내부에 자바스크립트 변수를 보여줘야 할 때에는 {} 으로 감싸서 보여줍니다.
camelCase 형태로 네이밍 해주어야 합니다
728x90
'프론트 > 리액트 react' 카테고리의 다른 글
가운데 정렬 margin / flex (0) | 2021.10.26 |
---|---|
리액트 scss 오류 Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0. / 경로 설정 (0) | 2021.10.26 |
Hook / useState 개념 및 사용법 (0) | 2021.10.22 |
리액트 시작하기 (0) | 2021.10.21 |
리액트 개념 (0) | 2021.10.21 |