리액트 7강

• 클래스형 컴포넌트
  
  • 반드시 render()함수가 정의되어야 함
  • render함수는 반드시 JSX를 리턴하는 부분을 포함해야 
  • 복잡하고 어려움

mport React from "react";
class App extends React.Component { //React.Component를 상속받는 App이라는 클래스
render() {
return <h1>Hello, React!</h1>;
}
}
export default App;

• 함수형 컴포넌트
  • function키워드, 함수이름, 함수 내부에서 JSX를 리턴하는 부분만 있으면 됨
  • 클래스형 컴포넌트보다 훨씬 간결하고 직관적
  • 최신 react버전에서는 함수형 컴포넌트 사용을 권장 
  • 클래스에서만 사용할 수 있던 state를 react-hook으로 구현가능해져서 함수형 사용 

function App() {
return <h1>Hello, React!</h1>;
}
export default App;