React.js | 입문 | 컴포넌트 만들기

1. 전에 만들어 두었던 폴더 중 src 폴더 밑에 Hello.js 파일을 만든다.

 

Hello.js

import React from 'react';

function Hello() {
  return <div>안녕하세요</div>
}

export default Hello;

 

2. 그 다음 App.js 에서 Hello 컴포넌트를 불러올 수 있다.

 

App.js

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

function App() {
  return (
    <div>
      <Hello />
    </div>
  );
}

export default App;

 

정말 기본적인 컴포넌트 사용방법이다.