컴포넌트를 다 만들었다면 이 컴포넌트를 App에서 렌더링하세요.

App.js

import React from 'react';
import ColorBox from './components/ColorBox';
const App = () => {
  return (
    <div>
      <ColorBox />
    </div>
  );
};
 
export default App;

---

 

이제 리액트 개발 서버를 열고 화면을 확인해 보세요.

▲ 그림 15-4 검정색 ColorBox

 

검정색 정사각형이 잘 나타났나요?