У меня очень простая настройка маршрутизатора, которая работает неправильно. Когда я перемещаюсь по строке URL-адресов, но реагировать маршрутизатор никогда не обновляет страницу. Если я перезагружу страницу, то правильный маршрут будет отображаться при начальной загрузке. Если я нажму кнопку «Назад/Перемотка вперед», то маршрутизатор правильно перемещается между маршрутами. Даже когда back/forward работает с реагирующим маршрутизатором, нажимая на ссылку на страницу, которую я могу достичь с помощью back/forward, ничего не делает.React router работает только при нажатии кнопки возврата
Моих маршрутов
import { Router, Route, IndexRoute, browserHistory } from 'react-router'
import AppContainer from './components/react/app_container.jsx'
import Signup from './components/react/login_and_signup/signup.jsx'
import SplashPage from './components/react/splash_page/splash_page.jsx'
export const routes = (
<Router history={browserHistory}>
<Route path="/" component={AppContainer}>
<IndexRoute component={SplashPage} />
<Route path="signup" component={Signup} />
</Route>
</Router>
);
Для начальной загрузки моего приложения
import ReactDOM from 'react-dom';
import {routes} from '../imports/client/routes'
ReactDOM.render(routes, document.getElementById('app'));
Моего AppContainer
import React from 'react';
let AppContainer = React.createClass({
componentWillReceiveProps(nextProps){
console.log("next props? ", nextProps);
},
render(){
return <div>{this.props.children}</div>
}
});
export default AppContainer;
В моей странице выплеска:
<Link to="/signup">
signup
</Link>
Вот поведение я получаю:
- Перезагрузить страницу в/URL, заставки загрузки страницы
- Нажмите ссылку Регистрация, изменения URL в/регистрации, но SIGNUP компонент не отображается и console.log в componentWillReceiveProps не выход
- Перезагрузить страницу во время/регистрации и компонент подключений правильно делает
- Нажмите кнопку назад и компонент всплеск страницы правильно делает и реквизита выход из componentWillReceiveProps
- вперед и назад б utton отлично работает на данный момент
- Нажмите на ссылку Регистрация на странице выплеска, изменения URL в/регистрации, но ничего не происходит
Насколько я могу сказать, у меня есть все настроено правильно, но реагировать маршрутизатор молча неудачу за исключением спины/вперед.
I'm on React 15.0.1 и React Router 2.4.1.