
react
zhanglongdream
这个作者很懒,什么都没留下…
展开
-
react的生命周期
React组件其实就是一个状态机,他接受两个输入参数,this.props和this.state,返回一个虚拟的DOM.React组件的生命周期分几个阶段,每个阶段会有若干个回调函数可以响应不同的时刻。 状态机就是 输入确定 输出一定确定。生命周期的三个阶段,三者时间是不固定的,只是在逻辑上的分类。--------初始化阶段: 1. getDefaultPr转载 2016-09-16 10:13:30 · 499 阅读 · 0 评论 -
react中的state
------state 1 state 的作用 state是React中组建的一个对象,React把用户界面当做是一个状态机,想想他是不同状态然后渲染这些状态,可以轻松让用户界面与数据保持一致。。。在React中,更新组件的state。会导致重新渲染用户界面(不要操作DOM)简单来说就是用户界面会随着state的变化而变化。 2 state工作的原理 常转载 2016-09-16 15:43:41 · 1332 阅读 · 0 评论 -
react-redux的理解
react-redux 主要是让我们更好的在react中使用redux react-redux提供两个模块 Provider和connect Provider provider 这个模块是作为整个app的容器,在你原有的app Container的基础上在包上一层,它的工作很简单,就是接受redux的store作为props,并将其声明为context的属性之一原创 2017-01-16 02:04:15 · 597 阅读 · 0 评论 -
redux的见解
我们先把redux和react连接起来view (react) store(state)actionreducerview ----> action ----> reducer --->store(state) --->view放在一个web app中,首先store(state)决定了view,然后用户和view的交互会产生action,这些acti原创 2017-01-24 05:25:11 · 3089 阅读 · 0 评论 -
redux的中间件
action发出以后 reducer立即算出state,这个叫做同步,,,action发出以后过一段时间在执行reducer,这叫异步,那么异步怎么办怎么才能reducer在异步操作结束后自动执行的呢? 这个就要用到新的工具:中间插件 middleware为了理解中间件,让我们站在框架者的角度思考问题, 如果要添加功能,你会在哪个环节添加?1 reducer:纯函数,原创 2017-01-24 21:51:29 · 412 阅读 · 0 评论 -
深刻理解React(-) --JSX和虚拟DOM
React是什么呢?用官网的话就是这么个鬼 “一个用来构建用户界面的javescript库”react和backbone,angular等mvc框架不一样,他只处理view逻辑,他只处理view逻辑,他只处理view逻辑,。。 通俗点讲就是在js中写html的东西jsx使用的是预编译模板,和以前的模板没什么区别,react提供了一个预编译工具叫react-tools,可以通过n原创 2017-04-18 17:14:18 · 1674 阅读 · 0 评论 -
深入理解React(二) —— 数据流和事件原理
在React中,数据流是自上而下单向的从父节点传递到子节点,所有组件是简单且容易把握的,只需要从父节点提供额props中获取数据并且渲染即可,如果顶层组件的某个prop改变了,react会递归的向下遍历整颗组件数,重新渲染所有使用这个属型的组件this.props来访问props,props是组件唯一的数据来源,对于组件来说props永远只是只读的。。不要尝试在组件内部调用setP原创 2017-04-18 17:23:47 · 660 阅读 · 0 评论 -
React系列之--组件的生命周期
http://www.jianshu.com/p/e3d1ecfb6312转载 2017-04-18 17:34:01 · 229 阅读 · 0 评论 -
react状态管理的思考
redux是一个状态管理的工具,使用它本来就是为了管理公共状态的,组件A发生的变化影响了组件BCD,那么这个场景下使用很方便,但是,如果组件A的变化只是影响他本身,那么还是使用react,把这个状态直接存储到组件本身上呢?只需要this.setState()原创 2017-05-07 21:25:19 · 2148 阅读 · 0 评论