NetInfo-Berichte, die während des Starts verbunden sind, und dieselben Aktionen

Question

Ich verwende Redux und NetInfo zur Verbindungserkennung des Managers während des Starts und bei allen Aktionen, bei denen die Verbindung wichtig ist.

import createOneShotMiddleware from 'redux-middleware-oneshot'; 
import { NetInfo } from 'react-native'; 
import { checkConnection } from '../actions/networkActions'; 

export const middleware = createOneShotMiddleware((dispatch) => { 
    const handle = (isConnected) => dispatch(checkConnection(isConnected)); 
    NetInfo.isConnected.fetch().done(handle); 
    NetInfo.isConnected.addEventListener('change', handle); 
}); 

Aktionen

import * as types from './actionTypes'; 

export function checkConnection(isConnected) { 
    return { 
    type: types.CHECK_CONNECTION, 
    isConnected: isConnected 
    }; 
} 

Reducers

import { CHECK_CONNECTION } from '../actions/actionTypes'; 

const initialState = { 
    isConnected: false, 
}; 


export default function network(state = initialState, action = {}) { 
    switch (action.type) { 
     case CHECK_CONNECTION: 
      return Object.assign({}, state, {isConnected: action.isConnected}) 
     default: 
      return state; 
    } 
} 

App.js

import React, { Component } from 'react-native'; 
import { createStore, applyMiddleware, combineReducers } from 'redux'; 
import { middleware as netInfo } from './Middleware/redux-middleware-react-native-netinfo'; 
import { Provider } from 'react-redux'; 
import thunk from 'redux-thunk'; 
import createLogger from 'redux-logger' 

import * as reducers from './reducers'; 

import NavigationScreen from './Containers/NavigationScreen'; 

const logger = createLogger() 
const createStoreWithMiddleware = applyMiddleware(thunk, logger, netInfo)(createStore) 
const reducer = combineReducers(reducers); 
const store = createStoreWithMiddleware(reducer) 

export default class App extends Component { 
    render() { 
    return (
     <Provider store={store}> 
     <NavigationScreen /> 
     </Provider> 
    ); 
    } 
} 

Es funktioniert nicht und nicht den Zustand aktualisieren, irgendwelche Vorschläge?

Answer 1

Dies ist alt, aber für alle, die hier in der Zukunft kommt dies ist, wie ich es neige ich dazu getan haben, um diese Schöpfer auf meine Aktionen ausführen:

export function networkCheck(){ 
    return (dispatch) => { 
    const dispatchNetworkState = (isConnected) => dispatch({ 
     type: types.NETWORK_STATE, 
     state: isConnected 
    }) 
    const handle =() => NetInfo.isConnected.fetch().done(dispatchNetworkState) 
    NetInfo.isConnected.addEventListener('change', handle); 
    } 
} 

die isue auf dem Code, bevor das ist nicht nach der Kette von eventlistener -> testNetwork -> Ergebnis des Versands