一、react_redux

比较好的blog: blog1, blog2, blog3

主要根据前两个blog总结如下:

1. React在组件内部(包括子组件)为单向数据流且自上向下通过props传递,但是如果需要组件之间共享数据,则需要两种处理方式

  (一)状态提升,也就是再增加父组件,将状态放到父组件中,接着向下传递(在组件之间共享数据的情形较少时适用)

  (二)将状态放到父组件的context中,这样无需自上向下传递状态,各个子组件可直接通过context获取状态

采用(二)的方式,有个弊端 - 子组件可以随时随意修改状态。这就需要将状态修改格式化、统一化。

Redux中的store对外提供了3个接口,(createStore(reducer))

(1) dispatch - 这个就是修改状态的接口,能且仅能通过它修改state(dispatch其实是对reducer的封装)

(2) getState - 获取实时的state

(3) subscribe - 注册事件,完成dispatch后续动作,比如setState再次渲染

二、react_router

https://blog.csdn.net/mjzhang1993/article/details/79025721

https://blog.csdn.net/awaw00/article/category/6692955

https://github.com/bailicangdu/react-pxq

React_Redux_Router的更多相关文章

随机推荐

  1. ActiveMQ使用经验与优化

    摘自:http://blog.csdn.net/m13321169565/article/details/8081314 1.1 不要频繁的建立和关闭连接 JMS使用长连接方式,一个程序,只要和JMS ...

  2. bzoj 3881 [Coci2015]Divljak fail树+树链的并

    题目大意 Alice有n个字符串S_1,S_2...S_n,Bob有一个字符串集合T,一开始集合是空的. 接下来会发生q个操作,操作有两种形式: "1 P",Bob往自己的集合里添 ...

  3. Road(bzoj 2750)

    Description C国有n座城市,城市之间通过m条单向道路连接.一条路径被称为最短路,当且仅当不存在从它的起点到终点的另外一条路径总长度比它小.两条最短路不同,当且仅当它们包含的道路序列不同.我 ...

  4. hdu 5578 Friendship of Frog

    题意:给定一行字符串(都是小写字母),每一个字符都代表一只青蛙以及其国籍,若字符串中出现两个字符相同,则这两个字符所代表的青蛙来自同一国度,可称之为好朋友. 现在需要找到距离最近的好朋友并输出他们的距 ...

  5. touch上滑加载

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. How to fix the gray screen bug in VirtualBox

    If you see a gray screen instead of GNOME when entering the system, simply switch to a virtual conso ...

  7. Devexpress控件中gridcontrol Drag a column header here to group by that column 更换

    参照网站:http://documentation.devexpress.com/#WPF/DevExpressXpfGridDataViewBase_RuntimeLocalizationStrin ...

  8. 第1章 CentOS安装

    一.安装说明 1.1 CentOS介绍               CentOS(Community Enterprise Operating System,中文意思是:社区企业操作系统)是Linux ...

  9. win10下ubuntu虚拟机互传文件

    前言 用过虚拟机的都知道在向linux传文件的时候总是会遇到各种问题 安装虚拟机的增强工具不好用,反正就是各种麻烦各种麻烦 准备-------方案一 使用专门的xshell可以直接链接到虚拟机,同时配 ...

  10. vue常用指命

    1.v-text:用于更新标签包含的文本,作用和{{}}的效果一样. 2.v-html:绑定一些包含html代码的数据在视图上. 3.v-show:用来控制元素的display属性,和显示隐藏有关.v ...