Я хотел бы использовать обработчик response-router onEnter
, чтобы побудить пользователей аутентифицироваться при вводе ограниченного маршрута.
Пока мой файл routes.js
выглядит примерно так:
import React from 'react';
import { Route, IndexRoute } from 'react-router';
export default (
<Route path="/" component={App}>
<IndexRoute component={Landing} />
<Route path="learn" component={Learn} />
<Route path="about" component={About} />
<Route path="downloads" component={Downloads} onEnter={requireAuth} />
</Route>
)
В идеале, я бы хотел, чтобы моя функция requireAuth
была действием сокращения, которое имеет доступ к хранилищу и текущему состоянию, которое работает следующим образом: store.dispatch(requireAuth())
.
К сожалению, у меня нет доступа к хранилищу в этом файле. Я не думаю, что могу использовать действительно connect
в этом случае для доступа к соответствующим действиям, которые я хочу. Я также не могу просто import store
из файла, где создается хранилище, поскольку это undefined, когда приложение загружается первым.