美文网首页
react-redux

react-redux

作者: 习惯水文的前端苏 | 来源:发表于2021-01-11 11:08 被阅读0次

上一节(redux-thunk)我们学习了redux-thunk的使用,它使得我们允许以函数的形式去创建指令,但是在每一个组件中引用未免过于麻烦,解决的方法就是react-redux

安装

    cnpm i react-redux --save

使用

(在入口文件引入store,并通过react-redux提供的组件Provider向子组件注入store,它将向组件提供connect接口进行store连接)

在组件中使用

    与react-redux建立连接,使其拥有store访问权限

(该方法是react-redux提供的连接方法) (使用高阶组件形式包装,完成连接)

        获取store内数据

(该函数将store内的数据映射到组件props上,这样就使得组件的state和公共的store分离)

        派发更新

(该函数将派发函数映射到组件的props上,同时将派发函数记录与store中形成连接)

至此,已经可以使用redux愉快的撸项目啦;不过,还可以更好!!!(模块化

相关文章

网友评论

      本文标题:react-redux

      本文链接:https://www.haomeiwen.com/subject/cmmlaktx.html