-
Mounting:getinitialState()、componentsWillMount()、componentsDidMount(); Style={{opacity:this.state.opacity,fontSize:this.state.fontSize}}
修改state值,调用setState()方法
1.定时器里的this指向window 2.this指向实例化对象 3.构造函数里,this指新生成的对象 4.apply,call,bind可以改变this指向,this指第一个参数
查看全部 -
react components 的三个生命周期状态:
Mounted:指React Components被render解析生成对应的DOM节点,并被插入浏览器DOM结构的一个过程
update:一个mounted的React Components被重新render的过程,重新渲染的过程,DOM结构并不一定会发生改变,把当前和最近的state对比,当state确实发生改变并且影响到DOM结构时,react才会去改变对应的DOM结构
Unmounted:一个mounted的react components对应的DOM节点被从DOM结构中移除的这样一个过程
每一个状态React都封装了对应的hook函数
查看全部 -
lifecycle
查看全部 -
双花括号 一个是代表执行js代码
一个是代表对象
查看全部 -
停止冒泡:event.stopPropagation();
阻止默认行为:event.preventDefault();
查看全部 -
getInitialState()
查看全部 -
hook说明
查看全部 -
jsx运行环境是js,
而class是es保留字,es6关键字类名,
所以取而代之className
查看全部 -
react生命周期
查看全部 -
style={{color:'red'}}
查看全部 -
stopPropagation()停止事件冒泡;
preventDefault()停止事件默认行为
React.findDOMNode(this.ref.<ref属性的值>)
查看全部 -
生命周期lifecycle
查看全部 -
this本身代表函数运行时自动生成的内部对象;只能在函数内部使用;this指的是调用函数的对象,
当this出现在settimeout函数参数中的时候,函数参数是一个纯粹的函数调用,并不隶属于哪个对象,所以属于全局性调用,这种情况下this指的是全局对象global;
查看全部 -
在js代码中,class作为一个关键字(保留字)不能使用了,要使用className。<div className=""></div>
查看全部 -
前置知识:
查看全部
举报