У меня есть приложение React «Родитель» и другое приложение React «Ребенок». Я создал ссылки пряжи между двумя приложениями, чтобы родительское приложение могло использовать дочернее приложение в качестве компонента. Это работает.
Я создал отдельный маршрут внутри родительского приложения для доступа к дочернему приложению. Это также работает.
import { default as MyChild } from "@child-app";
<Route
path="/newRoute:subPath*"
exact
render={routeProps => (
<MyChild {...routeProps} basePath="/newRoute/" />
)}
/>
Так что, когда из родительского приложения я захожу в / newRoute, я могу получить доступ к дочернему приложению
Вопрос - я не хочу получать доступ к этому дочернему приложению через маршрут. Скорее, при нажатии кнопки в родительском приложении я открываю модальное окно. Внутри этого модального режима мне требуется визуализировать это дочернее приложение, а также заставить все маршруты внутри дочернего приложения работать как обычно. Как?
Я пробовал встраивать, как показано ниже, но ничего не рендерится. Внутри компонента я снова импортировал его и попытался выполнить рендеринг -
import { default as MyChild } from "@child-app";
, а при рендеринге -
return (
<MyChild />
)