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

#javascript #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' )
);

    

Ответы

Ответ 1

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