React Router OnEnter hook, вызываемый дважды

Question

У меня довольно простой случай. Я хочу перенаправить клиентскую загрузку моей индексной страницы в/dashboard или/login на основе того, вошли ли они в систему или нет. Проблема в том, что onEnter обработчик вызывается дважды каждый раз, и мне интересно, почему. Вот мой код:

ReactDOM.render(
<div> 
    <Provider store={ store }> 
    <Router history={ history }> 
     <Route path="/" component={ App }> 
      <IndexRoute onEnter={ requireAuth }/> 
      <Route path="/login" component={ Login } /> 
      <Route path="/dashboard" component={ Dashboard } /> 
     </Route> 
    </Router> 
    </Provider> 
</div>, 
document.getElementById('root')); 

И вот альтернативная версия. Проблема существует в обоих направлениях.

ReactDOM.render(
<div> 
    <Provider store={ store }> 
    <Router history={ history }> 
     <Route path="/" component={ App }> 
      <IndexRedirect to="/counter" /> 
      <Route path="/login" component={ Login } /> 
      <Route path="/counter" component={ Counter } onEnter={ requireAuth } /> 
     </Route> 
    </Router> 
    </Provider> 
</div>, 
document.getElementById('root')); 

Answer 1

Попробуйте рефакторинга ваши маршруты любит это

<Provider store={ store }> 
    <Router history={ history }> 
     <Route path="/" component={ App }> 
      <IndexRedirect to="counter" /> 
      <Route path="login" component={ Login } /> 
      <Route path="counter" component={ Counter } onEnter={ requireAuth } /> 
     </Route> 
    </Router> 
</Provider> 

Я думаю, что маршрут /counter снова звонит App компонент, а затем снова просить onEnter.

Answer 2

Я нашел причину. Это ошибка в реакции-router-redux v4.0.7. Существует проблема, зарегистрированная here. До тех пор, пока исправление не будет объединено, его обновление до версии 4.0 будет исправлено.