Wie kann man Redux-Speicher von nicht reagierenden Komponenten lesen?

Question

Ich baue meine erste react native App mit redux.

My store Konfiguration ist wie folgt:

function configureStore(onComplete: ?() => void) { 
    const store = autoRehydrate()(createMyAppStore)(reducers); 
    persistStore(store, {storage: AsyncStorage}, onComplete); 
    if (isDebuggingInChrome) { 
    window.store = store; 
    } 
    return store; 
} 

Ich habe eine Authentifizierungs action wie folgt

export function authentiate(credentials) { 
    return (dispatch) => { 
    return LoginApi.authenticate(credentials) 
    .then(response => { 
     return response.json().then(function(json) { 
      dispatch(onAuthSuccess(json)); 
     }); 
    }) 
    .then(response => { dispatch(getUserInfo()); }) 
    .catch(error => { 
     throw(error); 
    }); 
    }; 
} 

My getUserInfoaction ist als

folgt

export function getUserInfo() { 
    return (dispatch) => { 
    return LoginApi.gerUserInfo() 
    .then(result => { dispatch(onGetUserInfoSuccess(result.json())); }) 
    .catch(error => { 
     throw(error); 
    }); 
    }; 
} 

My Authentifizierungs Minderer wie folgt ist

function auth(state: State = initialState, action: Action): State { 
    switch (action.type) { 
    case types.AUTH_SUCCESSFUL : 
    return [...state, Object.assign({}, action.auth)]; 
    default : 
    return state; 
    } 
    return state; 
} 

Die LoginApi ist eine einfache ES6 Klasse. Die getUserInfo erfordert Details wie access token und andere Parameter erhalten von der LoginApi.authenticate Aufruf.

Wie lese ich die Authentifizierungsinformationen aus der redux store von einer non-react Komponente?

Answer 1

Das zweite Argument von redux-Thunk ist getState

export function getUserInfo() { 
    return (dispatch, getState) => { 
    const state = getState() // or cherry pick what you need 
    return LoginApi.gerUserInfo(state) 
    .then(result => { dispatch(onGetUserInfoSuccess(result.json())); }) 
    .catch(error => { 
     throw(error); 
    }); 
    }; 
} 

https://github.com/gaearon/redux-thunk#composition

die nur die Funktion s eigene getStatestore ist.

http://redux.js.org/docs/api/Store.html#getState

Sie exportieren/importieren Sie Ihre store und rufen getState direkt, wenn Sie wollen.

let store = createStore(...) 
export { store } 

// anywhere.js 
import { store } from './your-store.js' 
let state = store.getState()