Запустите приложение реакции (в комплекте с веб-пакетом) в приложение реакции

Question

У меня есть приложение реагирования, связанное с webpack 4 в файл (bundle.js), и я хочу запустить его в другое приложение реагирования как компонент.

import Component from '../../../build/bundle'

const AcomponentWithBundle = () => (
  <div>
    <Component />
  </div>
);

Это, конечно, не работает

Вот сообщение об ошибке:

Предупреждение: React.createElement: тип недействителен - ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: объект. Скорее всего, вы забыли экспортировать компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию с именованным импортом.

Я понимаю сообщение об ошибке, потому что в комплекте нет экспорта, но мне нужно уметь это делать, и я не знаю, как это сделать.

Заранее спасибо!

Answer 1

Обычной практикой является создание пакета NPM и определение сценария предварительной упаковки для переноса вашего компонента React с Babel, а затем либо опубликовать, упаковать или связать его с npm, чтобы вы могли npm install его в своем приложении.

Webpack следует использовать как последний шаг всего процесса сборки для создания полноценного приложения для запуска в браузере.

Answer 2

В философии, основанной на компонентах React, в этом случае допускаются только следующие шаблоны:

• перенаправить в другое приложение, не притворяясь, что встроить его
• загрузить необходимый компонент из другого приложения без встраивания полного приложения

В качестве обходного пути (для сохранения домена, маршрутизации и т. Д.) Вы можете загрузить другое приложение в