ReactNative学习笔记(一)Redux

前端之家收集整理的这篇文章主要介绍了ReactNative学习笔记(一)Redux前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Redux

Redux 中文文档

创建actionTypes

一般都是一些常量,方便在action和reducer中统一使用

创建action

返回带有actionTypes和返回数据的函数
dispatch的时候,作为参数传入

创建reducer

根据action中返回的actionTypes和数据,对变更store中的state

创建store

    @H_404_20@

    applyMiddleware,将Middleware加载到createStore方法

    @H_404_20@

    createStoreWithMiddleware,将reducers传入。让Store接到什么命令的时候应该干啥

Provide

使用Provide对root组件进行包装,传入创建好的store,让我们的组件可以感知到Store的存在并使用

connect

让我们的组件和Store链接起来

    @H_404_20@

    把Store中的state关联到组件的props里,让我们可以调用Store中的数据

    @H_404_20@

    把dispatch(actionMethod(params))关联到组件的props里面,让我们可以对Store下命令

个人理解

action:处理加工,生成对Store的命令及详情
dispatch:对Store发送命令及详情
reducer:对于收到命令,根据详情,对Store进行实质性的变更

参考文章

Redux 核心概念:http://www.jianshu.com/p/3334...
在react-native中使用redux:http://www.jianshu.com/p/2c43...

原文链接:https://www.f2er.com/react/305232.html

猜你在找的React相关文章