修改logger

src/redux/store/index.ts

@@ -6,7 +6,15 @@ import storage from 'redux-persist/lib/storage'
 
 import thunkMiddleware from 'redux-thunk'
 
-const loggerMiddleware = createLogger()
+const loggerMiddleware = createLogger({
+    colors: {
+        action: () => '#03A9F4',
+        error: () => '#F20404',
+        nextState: () => '#4CAF50',
+        prevState: () => '#9E9E9E',
+        title: () => 'inherit',
+      },
+})
 const { persistStore, persistReducer } = persist
 
 const persistConfig = {
@@ -14,6 +22,6 @@ const persistConfig = {
     storage,
 }
 const persistedReducer = persistReducer(persistConfig, reducer)
-export const store = createStore(persistedReducer, applyMiddleware(loggerMiddleware, thunkMiddleware))
+export const store = createStore(persistedReducer, applyMiddleware(thunkMiddleware, loggerMiddleware))
 export const persistor  = persistStore(store)
 

src/views/ReduxTest/index.tsx

@@ -1,11 +1,18 @@
 import * as React from 'react'
 import { connect } from 'react-redux'
+import { bindActionCreators } from 'redux';
+import * as actions from '../../redux/action'
 import DecreaseBtn from '../../component/decreaseBtn'
 import IncreaseBtn from '../../component/increaseBtn'
 import NowValue from '../../component/showValue'
 import './index.less'
 
 class Counter extends React.Component<any, any> {
+    public componentDidMount () {
+        console.log('this.props',this.props)
+        let { count } = this.props
+        this.props.actions.saveCount(--count)
+    }
     public handleDecreaseCB = () => {
         let { count } = this.props
         this.props.saveCount({ count: --count })
@@ -40,7 +47,8 @@ class Counter extends React.Component<any, any> {
 
 export default connect(
     (state: any) => ({ count: state.count }),
-    {
-        saveCount: (payload: any) => ({ type: 'SAVECOUNT', payload }),
-    }
+    (dispatch: any) => ({ actions: bindActionCreators(actions, dispatch) })
+    // {
+    //     saveCount: (payload: any) => ({ type: 'SAVECOUNT', payload }),
+    // }
 )(Counter)