React的两个对象:ReactElement与组件实例

  • ReactElement即大名鼎鼎的“虚拟DOM”,它是一个普通的对象,描述了一个组件的实例或一个DOM节点及其属性

  • 组件实例是组件类的实例化对象,它通常被用业管理内部状态和处理生命周期函数。无状态函数是没有实例化对象的,因此无法使用生命周期函数,也没有内部状态。

  • 生命周期函数是React组件类中的一些函数钩子,它们在组件加载(渲染)、更新、卸载时被调用。

  • React组件生命周期函数中的this指向组件实例。自定义组件方法的this会因“调用者”不同而不同。为了在组件的自定义方法中获取组件实例,需要手动绑定this到组件实例:

class App extends RTCIceCandidatePairChangedEvent.Component {
    constructor(props) {
        super(props);
        this.handler = this.handler.bind(this);
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目前,react组件有三种写法,分别是es5的createClass写法,es6的class写法,以及statel...
    ZoomFunc阅读 1,872评论 0 1
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,812评论 25 709
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,882评论 1 18
  • 文/煎饼 再艰难的事,经历了时间的洗礼,若坚持下来了,你便是变成了自己。我希望在此时此刻,能够把这份状态坚持到底。...
    一直特立独行的饼阅读 261评论 0 1
  • 在这个浮躁的社会,人越来越看不清自我。能躺着挣的就躺着挣,能坐着等的决不站着等。我们习惯了选择最舒服简单的方式去“...
    书桌上的懒猫阅读 209评论 0 0