Как в ReactJS организовать подключение компонента из другого файла?

Уважаемые знатоки React! Подскажите, как правильно организовать подключение и использование компонента, который хранится в отдельном файле? В примере ниже мне нужно внутри файла main.js использовать компонент Header, который хранится в файле componets/header.js
Index.html:

/js/components/header.js:
"use strict";
class Header extends React.Component { render() { return

This is Header

; } }
/js/main.js:
'use strict';
import Header from 'components/header';
ReactDOM.render(

, document.getElementById( 'layout' ) );

Ответ

В вашем случае (вы не используете сборщики), подключайте файл с вашим компонентом через тег script: