Как в нативном React инклудить компоненты?

Question

[Денис]

Например, есть модуль App.js, который собственно строит основное приложение. Но шапка (Header.js) и подвал (Footer.js) приложения находятся в отдельных модулях. И естественно их необходимо подключить в App.js. Если использовать синтаксис ES2015 в совокупность с JSX, то никаких проблем не возникает, но как быть, если используется нативный React?

Answer 1

[Виталий]

Начать с того, что компоненты не должны использовать jsx а дальше по документции. Что-то типа реакт креате класс блаблабла, модле экспорт, реквайр)

Comments

[Денис]

ну реквайрить я знаю как, а вот рендерить их как потом не совсем понятно.
Если с помощью JSX это делается , например, вот так:

import Articles from './articles';

//code...

<Articles />

то в случае с нативным React есть недопонимание

[Виталий]

Денис: самый простой вариант попробовать на кошках. Берёшь create react app пишешь 2 компонента уровня хело Ворлд далее билдишь и смотришь два вебпак модуля.

[Денис]

Какие кошки, я не знаю синтаксически как это оформить. Если вы ничего по теме не знаете, не стоит наверно отвлекать бессмысленными постами.

[Виталий]

Денис: ок понял, мы говорим используя разные кругозора.