React
文章平均质量分 59
hannah1116
这个作者很懒,什么都没留下…
展开
-
React事件监听相关例子
var TestClickComponent = React.creatsClass({ handleClick: function(event){ //操作DOM节点 var msg = React.findDOMNode(this.refs.tip); if(msg.style.display === 'none'){ ...原创 2018-07-07 14:37:56 · 2352 阅读 · 0 评论 -
React组件的生命周期
var Hello = React.createClass({ getInitialState:function(){ alert('init'); return{ opacity:1.0, fontSize:'12px' }; }, render:function(){ retu...原创 2018-07-07 14:11:58 · 147 阅读 · 0 评论 -
react子组件与父组件通信
用 function prop 与父组件通信propsprops 本身是不可变的。当我们试图改变 props 的原始值时,React 会报出类型错误的警告,组件的 props 一定来自于默认属性或通过父组件传递而来。refReact提供的这个ref属性,表示为对组件真正实例的引用,其实就是ReactDOM.render()返回的组件实例。在子组件的props里定义fun...原创 2018-09-06 17:19:36 · 1911 阅读 · 0 评论 -
React之虚拟DOM
React非常快速是因为它从不直接操作DOM。在React中,render执行的结果得到的并不是真正的DOM节点,而仅仅是JavaScript对象,称之为虚拟DOM。虚拟DOM是在DOM的基础上建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中。虚拟DOM具有批处理和高效的Diff算法,可以无需担心性能问题而随时“刷新”整个页面,...转载 2018-09-27 15:33:19 · 341 阅读 · 0 评论