2장에서 보았던 App 컴포넌트는 함수형 컴포넌트며, 코드가 다음과 같은 구조로 이루어져 있습니다.

App.js

import React from 'react';
import './App.css';
 
function App() {
  const name = '리액트';
  return <div className="react">{name}</div>;
}
 
export default App;

---

 

컴포넌트를 선언하는 방식은 두 가지입니다. 하나는 함수형 컴포넌트이고, 또 다른 하나는 클래스형 컴포넌트입니다.