[React] JSX 문법

• 컴포넌트는 하나의 태그만 반환해야한다.
• HTML처럼 사용하면된다.
• 다수의 태그를 반환하고 싶다면, tag로 감싸준다. (fragment)
• class를 사용하고 싶다면, className을 사용해야한다.
• 자바스크립트 코드를 작성할 수 있다. 단, {}로 묶어주어야한다.

function App() {
  const student = 'John';
  return (
    <>
      <h1 className='h1'>{`Hello ${student}`}</h1>
      <h2>Hola</h2>
      <span>{student}</span>
      <ul>
        {
          students.map(student => <li>{student}</li>)
        }
      </ul>
      <div
        style={{
          width: '200px',
          height: '200px',
          backgroundColor: 'red'
        }}
      >
      </div>
    </>
  )
}

• HTML코드를 JSX로 바꾸어주는 사이트