redux 自己的理解

Posted 前路亦是故乡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了redux 自己的理解相关的知识,希望对你有一定的参考价值。

redux组成部分

  store reducers action

  1:store

    store由redux的createStore方法生成

    比如: const store = createStore(defalultState,reducers,applyMiddleware([]))

  2:reducers

    function:接收state、action ,返回更新之后的state

  3:action

    function:返回dispatch对象{type:【actiontype名称】,....}

 

 

react-redux

  react-redux提供provider connect方法

  provider用于套在最外层,创建context,以便底层组件可以获得数据

  connect用于UI创建容易 connect(mapStateToProps,mapDispatchToProps)(【UI组件】)

    mapstatetoprops =>state到props的映射

    mapdispatchtoprops => dispatch到props的映射

以上是关于redux 自己的理解的主要内容,如果未能解决你的问题,请参考以下文章

redux和react-connect的简单理解

对redux的理解

通俗易懂的理解 Redux(知乎)

redux简明学习

Redux入门之实现一个迷你版的Redux

简单用 React+Redux+TypeScript 实现一个 TodoApp