redux-logger地址:
目前Reac native项目中已经使用redux功能,异步中间件使用redux saga,但在处理时,也需要增加redux打印日志的功能,所以需要增加redux-logger功能
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { Platform, StyleSheet, Text, View} from 'react-native';import Icon from 'react-native-vector-icons/FontAwesome'//routerimport { Router, Scene, Tabs } from 'react-native-router-flux';//reduximport { createStore, applyMiddleware } from 'redux';import { Provider } from 'react-redux';//redux loggerimport logger from 'redux-logger';//reducers import allReducers from './src/reducers';//containersimport HomeContainer from './src/containers/HomeContainer';import OrderContainer from './src/containers/OrderContainer';import MainContainer from './src/containers/MainContainer';//user containersimport UserLoginContainer from './src/containers/user/UserLoginContainer';import UserRegisterContainer from './src/containers/user/UserRegisterContainer';//check containersimport StyleCheckContainer from './src/containers/check/StyleCheckContainer';import HandmadeCheckContainer from './src/containers/check/HandmadeCheckContainer';import SizeCheckContainer from './src/containers/check/SizeCheckContainer';import FittingCheckContainer from './src/containers/check/FittingCheckContainer';//storageimport storage from './src/util/tqsStorage';//mutil languageimport I18n from './src/config/i18n';//sagaimport createSagaMiddleware from 'redux-saga';import rootSaga from './src/sagas/rootSaga';const sagaMiddleware = createSagaMiddleware();let store = createStore(allReducers, applyMiddleware(logger,sagaMiddleware));//run all saga functionsagaMiddleware.run(rootSaga);export default class App extends Component<{}> { constructor(props) { super(props); this.state = { } } componentDidMount() { } render() { return (); }} { /* */}
运行时,打开远程调试,可以在Chrome开发工具中看到日志信息
有了日志功能后,可以比较简单的查看到action的type及其他参数,也可以看到每一个action发生前与发生后state(reducers)的变化