qq_30104281的博客

 初始化1、getDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性.2、getInitialState()在使用es6的class语法时是没有这个钩子函数的，可以直接在constructor中定义this.state。此时可以访问this.props3、componentWillMount()组件初始化时只...

首先理解在JavaScript中，this对象是运行时基于函数的执行环境（也就是上下文）绑定的。Facebook最近一次更新react时，将es6中的class加入了组件的创建方式当中。Facebook也推荐组件创建使用通过定义一个继承自 React.Component 的class来定义一个组件类。官方的demo：在原来 React.createClass  es5写法中， hand...

前几天面试web前端工作，被一道题问蒙了，面试官问React中setState的异步更新如何控制为同步更新，当时懵的一批，毕竟面的第一家前端，心里感觉本来就是异步，怎么会改成同步，这不扯呢吗，事后才发现这件事无非就是一个异步的协同问题，平时看了很多关于es6的Promise,async/await的语法，到关键时候还是没用上，究其原因还是平时代码用的少。下面针对这个问题再复习一遍es6的知识。...

网上很多资料都有关于React生命周期的内容，基本都是那几个钩子函数颠过去倒过来的讲解，但是这样起的作用是很小的，读完之后也就了解到钩子函数何时执行之类的。要真正的理解React声明周期，还需要从父子组件系统来理解，不能把生命周期的讲解只局限于单个组件。如下图：React组件生命周期函数调用顺序示意图React生命周期总体分为三步，分别为创建期、存活期、销毁期。创建期和销毁期比较好理...

React一共有三种创建方式：（1）函数式定义的无状态组件（2）es5原生方式React.createClass创建组件（3）es6继承React.Component方式无状态函数式组件无状态函数式组件是一个只带有render方法的函数，并且该组件是无状态的，具体的形式如下：function Hello(props) { return <div>Hell...