React-router, проблема определения пути к компонентам, введенным через прокси-скрипт - PullRequest
0 голосов
/ 12 апреля 2019

Я надеюсь получить некоторую помощь по проблеме реакции маршрутизатора. В частности - мне нужно указать мои маршруты на компоненты, которые загружаются через скрипты src. Надеюсь, это имеет смысл ..

Я работаю над проектом архитектуры микроуслуг в своем классе. Каждый из нас создал компонент, а затем создал прокси-сервер для загрузки всех компонентов на одну и ту же страницу.

Я работаю над компонентом заголовка, и одна из его задач состоит в том, чтобы сделать обзор / связанных с ним исполнителей / о компонентах ниже себя, используя Reaction-router для переключения между ними.

Я застрял. Я пробовал несколько решений с использованием BrowserHistory и Reaction-router-proxy-loader, но мне не повезло. Я постоянно сталкиваюсь с этой ошибкой:

VM10555 checkPropTypes.js: 20 Предупреждение: сбойный тип проп: недопустимый компонент пропуска, предоставленный «Маршруту»: реквизит не является допустимым компонентом React в Маршруте (создан Заголовком) в Заголовке

У кого-нибудь есть хорошая работа? Надеюсь, все это имело смысл. Заранее спасибо за помощь!

Из proxy index.html прокси работает на порту 3000

<script src="http://localhost:3001/bundle.js"></script> // header component
<script src="http://localhost:3002/bundle.js"></script> // overview component
<script src="http://localhost:3003/bundle.js"></script> // related-artists component
<script src="http://localhost:3004/bundle.js"></script> // about component

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

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const routing = (
  <Router>
    <div className="btn-container-bottom">
      <Link to="/"><button className="btn-overview">overview</button></Link>
      <Link to="/relatedartists"><button className="btn-related-artists">relate artists</button></Link>
      <Link to="/about"><button className="btn-about">about</button></Link>
    </div>
    <div className="body-component">
      <Route exact path='/' component={Overview}/>
      <Route path='/relatedartists' component={RelatedArtists}/>
      <Route path='/about' component={About}/>
    </div>
  </Router>
)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...