![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
不吃草的浪兔
这个作者很懒,什么都没留下…
展开
-
React生命周期的理解
初始化1、getDefaultProps()设置默认的props,也可以用dufaultProps设置组件的默认属性.2、getInitialState()在使用es6的class语法时是没有这个钩子函数的,可以直接在constructor中定义this.state。此时可以访问this.props3、componentWillMount()组件初始化时只...转载 2018-07-26 10:50:56 · 401 阅读 · 0 评论 -
React es6写法中this指向
首先理解在JavaScript中,this对象是运行时基于函数的执行环境(也就是上下文)绑定的。Facebook最近一次更新react时,将es6中的class加入了组件的创建方式当中。Facebook也推荐组件创建使用通过定义一个继承自 React.Component 的class来定义一个组件类。官方的demo:在原来 React.createClass es5写法中, hand...转载 2018-09-12 16:22:36 · 476 阅读 · 0 评论 -
React中setState异步更新
前几天面试web前端工作,被一道题问蒙了,面试官问React中setState的异步更新如何控制为同步更新,当时懵的一批,毕竟面的第一家前端,心里感觉本来就是异步,怎么会改成同步,这不扯呢吗,事后才发现这件事无非就是一个异步的协同问题,平时看了很多关于es6的Promise,async/await的语法,到关键时候还是没用上,究其原因还是平时代码用的少。下面针对这个问题再复习一遍es6的知识。...原创 2018-09-30 13:38:07 · 3999 阅读 · 0 评论 -
从父子组件系统理解React
网上很多资料都有关于React生命周期的内容,基本都是那几个钩子函数颠过去倒过来的讲解,但是这样起的作用是很小的,读完之后也就了解到钩子函数何时执行之类的。要真正的理解React声明周期,还需要从父子组件系统来理解,不能把生命周期的讲解只局限于单个组件。如下图:React组件生命周期函数调用顺序示意图React生命周期总体分为三步,分别为创建期、存活期、销毁期。创建期和销毁期比较好理...转载 2019-03-13 17:05:58 · 265 阅读 · 0 评论 -
React三种创建组件的方式
React一共有三种创建方式:(1)函数式定义的无状态组件(2)es5原生方式React.createClass创建组件(3)es6继承React.Component方式无状态函数式组件无状态函数式组件是一个只带有render方法的函数,并且该组件是无状态的,具体的形式如下:function Hello(props) { return <div>Hell...原创 2019-03-18 16:28:33 · 337 阅读 · 0 评论