React最——简单——的类组件

刘缪_

于 2021-08-11 22:10:23 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

分类专栏： react js

本文链接：https://blog.csdn.net/qq_45524401/article/details/119618195

react 同时被 2 个专栏收录

7 篇文章

订阅专栏

6 篇文章

订阅专栏

最——简单——的类组件

看图

2. 上代码

import React from 'react';
import ReactDOM from 'react-dom';

class Demo extends React.Component{
    render() {
        console.log('我是Demo的实例组件的render方法')
        console.log(this)
        return <h1>我是Demo的实例组件的render方法</h1>
    }
}

ReactDOM.render(
    <Demo/>,
  document.getElementById('root')
);

执行了ReactDOM. render( <Demo/…之后，发生了什么?
—> 1. React解析组件标签，找到了MyComponent组件。
—> 2.发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用到原型上的render
—> 3.将render返回的虚拟DOM转为真实DOM，随后呈现在页面中。