React.js拾遗

我们的组件都是使用ES6的class定义的，所以组件的属性其实也就是class的属性（更确切的说法是class实例化对象的属性，但因为JavaScript本质上是没有类的定义的，class只不过是ES6提供的语法糖，所以这里模糊化类和对象的区别）。 在ES6中，可以使用this…

如果一个函数 接受一个或多个函数作为参数或者返回一个函数 就可称之为 高阶函数。 如果一个函数 接受一个或多个组件作为参数并且返回一个组件 就可称之为 高阶组件。 所以你可能会发现，当高阶组件中返回的组件是 无状态组件（Stateless Component） 时，该高阶组件其…

详情请查看在线版本

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set实例的创建可以简单通过new方法来实现，同时可以通过传入一个数组格式的参数来实例化。 删除某个值，返回一个布尔值，表示删除是否成功。 返回一个布尔值，表示该值是否为Set的成员。 清…

此阶段组件被创建，执行初始化，并被挂载到DOM中，完成组件第一次渲染。 constructor本身是ES6的class的构造方法，组件被创建时，会首先调用组件的构造方法。这个构造方法会接受一个props参数，props是从父组件传过来的属性对象，如果父组件没有传入属性而组件自身…

（1）在React中，事件命名采用驼峰命名方式，而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick，onchange要写成onChange等。 （2）处理事件的响应函数要以对象的形式赋值给事件属性，而不是DOM中的字符串形式。例如在DOM中绑定一个点击…