您现在的位置是：首页 >技术杂谈 >React - 类式组件的定义网站首页技术杂谈

类式组件是 React 早期的组件写法，它们是通过 ES6 的类语法来创建的。类式组件可以拥有状态（state），并且可以使用生命周期方法。这使得它们在处理复杂的组件逻辑时非常强大。

import React, { Component } from "react";

// 创建类式组件
export default class Rcc extends Component{
    // render是放在：Rcc类的原型对象上，给实例使用
    render() {
        // render中的this是: Rcc的实例对象（Rcc组件实例对象）
        console.log('render',this);
        return (
            <h1>这是类式组件</h1>
        )
    }
} 

// 执行流程
// 1. React 解析组件标签，找到了Rcc组件。
// 2. 发现组件是使用类定义的，随后new 出来该实例，即Rcc，
//    并通过该实例调用到原型上的render方法
// 3. 将render返回的虚拟DOM 转为真实DOM,随后呈现在页面中。

• render()：在 React 组件中，render 方法是必需的。它用于定义组件的 UI。这个方法会返回一个 React 元素（通常是 JSX 格式的虚拟 DOM）。