React30React封装的react-redux进行改造累加器

• 由于redux的写法太繁琐，还每次都需要重新调用render，不太符合我们了解react编程
• react-redux横空出世，安装react-redux：npm install react-redux --save
• React-redux提供了两个api供我们使用
• Provider 顶级组件，功能为我们提供数据
• connect 高阶组件，功能为我们提供数据和方法
• 以下为使用react-redux改造累加器的代码，只需要留意index.js和FirstRedux.js，store.js暂时不用作改变
• FirstRedux.js

         

• index.js

    

 

• 通过connect把state数据和dispatch都转换成了当前组件的props。