⭐️ JSX
- 리액트를 표현하는 문법 : JSX
- 자바스트립트 변수를 출력할때는 JSX안에서 {} (중괄호) 안에 변수 이름을 적는다.
- JSX에서는 if문을 사용할수 없다. 대신 3항연산자( { ? : } , 논리연산자 사용
const name = '리액트&'
{name === '리액트&' ? (<h1>리액트 입니다.</h1>) : (<h2>리액트가 아닙니다.</h2>)}
// 리액트 입니다.
{name === '리액트&' && <h1>리액트 입니다.</h1>} // 리액트 입니다.- JSX에서는 무조건 닫는 태그가 있어야한다. 안닫으면 에러남. (self closing tag)
<br />
<input />- 📌 주석은 커맨드 + /
<input /> // /* <input /> */- 어떤 변수를 선언하고 JSX에서 출력이 될때는 평범?(let)으로 하면안되고 useState로(const) 선언해야한다.
const [변수, set변수(대문자)] = useState('');- ⭐️ useState로 선언된 값을 변경할때는 set함수를 사용한다. ⭐️
