[React] JSX

JSX 규칙

• 태그는 꼭 닫아주기
• 무조건 1개의 엘리먼트 반환
• JSX에서 javascript 값을 가져오려면 {} 
• class => className
• style

<p style={{color: 'orange', fontSize: '20px'}}>orange</p>

//혹은 스타일 딕셔너리를 변수로 만들고 쓸 수 있다
function App() {
  const styles = {
    color: 'orange',
    fontSize: '20px'
  };

  return (
    <div className="App">
      <p style={styles}>orange</p>
    </div>
  );
}