react 기본문법

스펀지연구소 2021. 7. 21. 14:29

2. JSX문법

1)리액트는 하나의 태그만 리턴해준다.(return시에 하나의 dom만 리턴할수 있다.)
하나의 태그안에 다 넣어야한다.

2) 변수선언은 let혹은 const로만 해야한다. (var은 scope가 전역으로 되있는데, let은 scope 보존됨)

3)return안에 자바스크립트 변수 a를 쓰려면 중괄호를 {a}를 써야한다.

4)if문을 쓰지 못하고 삼항연산자를 쓴다. {a===10?'10입니다':'10이 아닙니다'}

5)조건부 렌더링(조건&&값(true))
const b =20;
{b===20&&'20입니다'}

6)return 한줄이면 {} 필요없는데, 다중이면 자동으로 {} 만들어진다.

7) undefiend

8) css디자인
- 내부에 적는 방법 : 추천x
- 외부에 적는 방법 : App.css에 작성, 태그에서 <div className="box-style ..>
- 라이브러리 사용(부트스트랩, component-styled)