Как собрать страницу из react-компонентов?

Question

[kamelot43]

У меня есть проект, который я создал с помощью create react app. У меня подготовлены react-компоненты - свертсанные блоки, отдельные ui/ux компоненты, которые переиспользуются в других блоках. Теперь стоит задача собрать из готовых блоков страницы/страницы. сейчас в корне проекта у меня есть index.js, который подключает App компонент. Если я например хочу создать две/три html-страницы как мне к ним подключить мои react-компоненты? Мои страницы должны иметь расширение только js или допускается html?

Answer 1

[McBernar]

Экспортируете свои компоненты из файлов, импортируете их в свои страницы.

Создайте папку pages, там создайте точно такой же компонент, как и другие, импортируйте туда нужное и расставляйте лейаут. Для мета-тегов можно использовать react-helmet. Для роутинга react-router.

Страница от компонента не отличается ничем.

Answer 2

[tervizator]

Расширение только js
Для того чтобы их подключить, необходимо с начало сделать export, а после import ваших компонентов

Answer 3

[Фёдор]

Если мне не изменяет память, то Вы должны импортировать свои элементы для той или иной компоненты