Zugriff auf Redux Speichern von Routen einrichten über Router Reagieren

Möchte ich nutzen reagieren-Routers onEnter - handler, um die Benutzer zur Authentifizierung bei der Eingabe einer eingeschränkten route.

Soweit mein routes.js - Datei sieht ungefähr so aus:

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>
)

Im Idealfall würde ich gerne meine requireAuth - Funktion, um eine redux-action mit Zugriff auf den store und den aktuellen Zustand, das funktioniert wie folgt: store.dispatch(requireAuth()).

Leider habe ich keinen Zugriff auf den store in dieser Datei. Ich glaube nicht, dass ich verwenden können, auch wirklich nutzen connect in diesem Fall Zugriff auf die relevanten Aktionen, die ich will. Ich kann auch nicht einfach import store aus der Datei, wo der laden ist, da dieser nicht definiert ist, wenn die app zum ersten mal geladen wird.

InformationsquelleAutor robinnnnn | 2016-03-07
Schreibe einen Kommentar