React - JSX

📍JSX

JSX에서 컴포넌트를 만들때는 시작을 대문자로 만들어주어
사용하면 html의 태그와 구분이 가능하도록 한다.

const Button = () => (
<button
  style={backgroundColor:"blue",
  }
  onClick={()=>console.log("Oh! Clicked!")}>
  Click me
 </button>
);

const Container = (
<div>
  <button>Hello</button>
  <Title />
  <Button /> //html의 button이 아닌 컴포넌트 Button
 </div>
);
<>

따라서 사용자가 직접만든요소는 전부 대문자로 시작해야한다.