
react
意涵团_晴天
愿有岁月可回首
展开
-
React props和state的区别
React中通过状态实现dom的渲染,组件状态分为两种:props和state。props props是指组件间的状态传递,由于React是单向数据流(自上而下)的,所以props从父组件传递给子组件。在组件之间通信用 组件内部的this.props属性是只读的,不能修改state state是组件内部的状态,只能通过setState来改变,用来更新组件内部的数据props和state之间原创 2017-06-29 10:40:11 · 1551 阅读 · 0 评论 -
我理解的虚拟DOM
react中的组件(React.Component的实例)并不是真实的dom节点,是存在于内存中的一种数据结构,叫做虚拟DOM。 组件在呈现的过程中,先根据render返回的结果将这个树状结构(虚拟DOM)在js中创建出来,这个时候并没有操作DOM,然后比对新老虚拟DOM,渲染成实际的DOM。在react的设计中,所有DOM的变动,都现在虚拟DOM上发生,然后将实际发生变动的部分反映在真实的DOM原创 2017-06-29 14:47:33 · 714 阅读 · 0 评论 -
react数据流
1.react数据流以及组件间沟通react是自上而下的单向数据流,从父节点传递到子节点(通过props);如果顶层的props改变,react会重新渲染所有子节点。props:用于组件间状态的传递,用于整个组件树中传递数据和配置,在当前组件访问props使用this.props;state 指的是组件内部的状态,只能从当前组件调用this.setState修改state值,一般更新子组件都是通过改原创 2017-08-17 17:56:42 · 318 阅读 · 0 评论 -
react与backbone比较
1.为什么react那么火?在web开发过程中,要将变化的数据渲染到页面上,必然需要对DOM的操作,频繁的DOM操作降低页面性能,而react的核心是虚拟DOM,并没有真实的操作DOM,而是用js构建出新的DOM树(只是一种内存数据),react将当前该DOM树与上一次的DOM树进行对比,得到DOM结构的区别,然后将需要变化的部分进行实际的DOM更新。2.Backbone Backbone帮助我们原创 2017-08-17 18:11:50 · 1954 阅读 · 0 评论