博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react native redux saga增加日志功能
阅读量:7029 次
发布时间:2019-06-28

本文共 2349 字,大约阅读时间需要 7 分钟。

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)的变化

 

 

 

转载于:https://www.cnblogs.com/weschen/p/8985449.html

你可能感兴趣的文章
AliOS Things网络适配框架 - SAL
查看>>
iOS 客户端与服务端做时间同步
查看>>
多个请求统一更新界面
查看>>
illuminate/routing 源码分析之注册路由
查看>>
网易公共技术Java研发工程师面经(offer)
查看>>
说说如何在登录页实现生成验证码功能
查看>>
笔记-softmax、softmax loss
查看>>
FastDFS蛋疼的集群和负载均衡(六)之Nginx高可用集群
查看>>
C语言入门经典读书笔记----第十一章 结构化数据
查看>>
Apache Thrift系列详解(二) - 网络服务模型
查看>>
chrome devtools使用详解——Performance
查看>>
了解一下ES6: 解构赋值&字符串
查看>>
7 - 在 Django Admin 后台发布文章
查看>>
SpringBoot+Mybatis+ Druid+PageHelper 实现多数据源并分页
查看>>
Umeng第三方登录
查看>>
EggBorn.js:一款顶级Javascript全栈开发框架
查看>>
前端开始的那件事——表单
查看>>
【前端】HTML属性
查看>>
js 算法3
查看>>
【Java 容器面试题】谈谈你对HashMap 的理解
查看>>