首页 > 解决方案 > Redux-logger 不适用于(使用 react-native)

问题描述

现在我正在使用 react-native+expo、redux、react-redux、redux-thunk、redux-logger 配置项目。一切都已安装,expo 构建项目。但是当我运行网络版本时,我看不到日志。

存储配置:

import {
    createStore,
    applyMiddleware,
    compose
}                     from 'redux';
import {createLogger} from 'redux-logger';
import thunk          from 'redux-thunk';

//main, combined reducer
import reducer        from '../reducers/reducer';

const initialState = {};
const logger = createLogger({
    timestamp : true,
    diff : false,
});
const middleware = [thunk, logger];
const storeConfig = createStore(
    reducer,
    initialState,
    compose(applyMiddleware(...middleware)),
);

export default storeConfig;

带有 redux-connect 的 MainComponent:

import React       from 'react';
//redux
import {Provider}  from 'react-redux';
import store       from './src/coreModules/storeConfig';
//components
import {
  StyleSheet,
}                  from 'react-native';
import MainScreen  from "./src/containers/screens/main/MainScreen";


export default function App () {
 return (
 <Provider store={store}>
 <MainScreen/>
 </Provider>
 );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#b8b8b8',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

标签: reactjsreact-nativereduxreact-redux

解决方案


推荐阅读