JSX

December 9, 2023

JSX

JSX

Javascript를 확장해서 XML을 추가한 문법 (공식 js 문법은 아님)
- React element를 생성하며, babel이 이를 자바스크립트로 변환
다음과 같이 xml로 내용을 감싸는 형태로 사용
- js 코드를 사용하기 위해서는 {} 로 감싸면 됨`

const name = "John Doe";
const elemnt = <h1>Hello, {name}</h1>;

const getGreeting = (user) => {
  if (user) {
    return <h1>Hello, {user}</h1>;
  }
  return <h1>Hello, Stranger</h1>;
};

JSX에서 css class를 사용하고 싶은 경우, className이라는 용어로 사용해야 함

References