Я надеюсь получить некоторую помощь по проблеме реакции маршрутизатора. В частности - мне нужно указать мои маршруты на компоненты, которые загружаются через скрипты 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>
)