react+antd学习记录篇（二）redux配置

在搭建完页面的路由之后，接下来写路由组件了。首先想到的就是 状态的管理

1.状态管理js

      新建redux文件夹，新建一个js文件，用来管理页面状态。一个js文件包括三个主要部分：①定义字符常量②定义state初始状态③reducer（即主要操作）④action creator（即工厂函数）

redux默认是不能进行异步处理的，所以要利用redux-thunk

2.index页面修改

   在安装完redux-thunk之后，在页面引入thunk，引入reducer（状态管理中的主要函数），然后在改成下面这样就可以了

const store = createStore(counter,applyMiddleware(thunk))
ReactDOM.render(
    (<Provider store={store}>
        <BrowserRouter>
            <App/>
        </BrowserRouter>
    </Provider>)
    ,
    document.getElementById('root')
)

3.chrome redux插件

顶部引入compose  

import {createStore, applyMiddleware, compose} from 'redux'

把上面的store改成如下即可

const store = createStore(counter, compose(
    applyMiddleware(thunk),
    window.devToolsExtension ? window.devToolsExtension() : () => {}/*这个是为了浏览器redux调试*/
))

当然这里必须要安装一下chrome插件