모듈 내보내기 및 불러오기

- export키워드는 다른 파일에서 파일 import 할 때 위에서 선언한 클래스 불러오도록 함

export default MyComponent;

 

---

- import 키워드로 아래와 같이 모듈을 불러올 수 있다.

import React from 'react';

const MyComponent = () => {
  return <div>나의 새롭고 멋진 컴포넌트</div>;
};

export default MyComponent;

 

import React from 'react';
import MyComponent from './MyComponent';

const App = () => {
  return <MyComponent />;
};

export default App;