2016-06-01 2 views
0

У меня очень простая настройка маршрутизатора, которая работает неправильно. Когда я перемещаюсь по строке 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> 

Вот поведение я получаю:

  1. Перезагрузить страницу в/URL, заставки загрузки страницы
  2. Нажмите ссылку Регистрация, изменения URL в/регистрации, но SIGNUP компонент не отображается и console.log в componentWillReceiveProps не выход
  3. Перезагрузить страницу во время/регистрации и компонент подключений правильно делает
  4. Нажмите кнопку назад и компонент всплеск страницы правильно делает и реквизита выход из componentWillReceiveProps
  5. вперед и назад б utton отлично работает на данный момент
  6. Нажмите на ссылку Регистрация на странице выплеска, изменения URL в/регистрации, но ничего не происходит

Насколько я могу сказать, у меня есть все настроено правильно, но реагировать маршрутизатор молча неудачу за исключением спины/вперед.

I'm on React 15.0.1 и React Router 2.4.1.

ответ

1

Метеоритный пакет Iron Router был включен в мой проект и противоречил React Router. Удаление Iron Router решило проблему.

Смежные вопросы