一、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. 将Linux下python默认版本切换成替代版本

    本文链接自http://www.myhack58.com/Article/48/66/2016/71806.htm 当你安装 Debian Linux 时,安装过程有可能同时为你提供多个可用的 Pyt ...

  2. Django模板遍历字典的方法

    使用Python + Django做Web开发时,有时需要在view中传递一个字典给模板(template),如何在模板中遍历字典呢? 下面介绍两种方法: views.py代码如下: dicts = ...

  3. javaweb学习总结(十六)——JSP指令(转)

    一.JSP指令简介 JSP指令(directive)是为JSP引擎而设计的,它们并不直接产生任何可见输出,而只是告诉引擎如何处理JSP页面中的其余部分. 在JSP 2.0规范中共定义了三个指令: pa ...

  4. 【Visual Studio】Error: forget to add '#include "stdafx.h"' to your source (转)

    原文转自 http://www.cnblogs.com/qunews/articles/2200313.html [问题原因]在编译时使用了预编译头文件, [解决方法]Project-->Pro ...

  5. linux 时间模块 二

    Linux中有硬件时钟与系统时钟 在Linux中有硬件时钟与系统时钟等两种时钟.硬件时钟是指主机板上的时钟设备,也就是通常可在BIOS画面设定的时钟.系统时钟则是指kernel中的时钟.当Linux启 ...

  6. Charger Warning Message

    使用 PMIC_RGS_VCDT_HV_DET 判斷 charger 是否有 ovp. LV_VTH : 4.15V

  7. wpf GridControl selectAll UnSelect

    <Window x:Class="WpfApplication1.GridControlView" xmlns="http://schemas.microsoft. ...

  8. LeetCode OJ--Permutations *

    https://oj.leetcode.com/problems/permutations/ 写出一列数的全排列 #include <iostream> #include <vect ...

  9. Delphi 从PaintBox拷贝一部分内容到TBitmap

    将指定的TPaintBox内容(假如为paintbox1)拷贝到一个TBitmap(如Bitmap),可以这么做 Bitmap.Width := PaintBox1.Width; Bitmap.Hei ...

  10. 图片点击放大并可点击旋转插件(1)-jquery.artZoom.js

    1.首先加入链接: <script type="text/javascript" src="js/jquery-1.6.1.min.js">< ...