摘要:
阅读全文
摘要:
问题描述: 现象:父组件(容器组件)把redux管理的值传给子组件(展示组件),在父组件的render中能读取到this.props.city.cityName的值,我想把这个值通过props传到子组件中,但是在子组件中 render中能拿到所传的值,componentDidMount中却没获取到, 阅读全文
摘要:
一、代码文件的组织结构 相比MVC的“按角色组织”风格,React和Redux应用采用的是“按功能组织”风格。直接看下图,对比直观一些 component表示展示组件,container表示容器组件 按角色组织 按功能组织 二、模块接口 在React和Redux配合的应用中,模块指的是React和R 阅读全文
摘要:
在直接使用React-Redux库之前,需要做一个铺垫 三、容器组件(也叫Smart Component)和展示组件(也叫Dumb Component) 1、用处:这个知识点主要建立在上一章基础上,在上一章中Redux和React进行配合,单个组件处理的任务太多,为了“让每个组件专做一件事”,把组件 阅读全文
摘要:
二、Redux与Flux Redux的三个基本原则 A、唯一数据源(全局只有一个Store) B、保持状态只读(不能直接修改Store状态) C、数据改变只能通过纯函数完成 1、Redux与Flux不同点 (1)Store保持唯一 (2) Store中的逻辑和保存的状态值分离(逻辑在reducer中 阅读全文
摘要:
书中的此章节“思想”类成分较多,需要理解的内容也相对较多,如果一一列举,本文就写的相对繁琐了,推荐有兴趣的同学可以去看一下书籍以及敲一下书中的代码,有助于理解作者大牛的思想,我就在此简略的记录一些相对重要的“点”了。 一、Flux框架的诞生以及解决了MVC框架哪些问题 1、Flux出现背景 Face 阅读全文
摘要:
一、prop和state 1、易于维护组件的设计要素 (1)高内聚:把逻辑紧密的相关内容放在一个组件中 (2)低耦合:不同组件之间的依赖关系尽量弱化 2、React组件的数据 分两种(都会引发组件的重新渲染): prop:组件对外接口;(一般用在组件之间传参) state:组件内部状态;(一般用在组 阅读全文
摘要:
1、概念与关系: (1)React是一个JavaScript语言的工具库,React本身并不依赖于Node.js,但是开发中用到的诸多工具需要Nodejs的支持。 (2)安装Node.js的同时也就安装了npm,npm是Node.js的安装包管理工具。 (3)Facebook提供了快速配置React 阅读全文
摘要:
效果: 还可以继续编写其他富文本功能,方法类似 阅读全文
摘要:
ES6的class方式对于ES5用构造函数的方式创建类,只是一个语法糖并没有根本性的改变,以下是对static,this,以及继承做一个简单的分析 一、static关键字 1、加了static情况 此时加了static的say方法作为类的属性,可以直接被类所调用,即Person.say() 2、不加 阅读全文