react类组件

React类组件是一种创建可重用UI组件的方式。它们是使用ES6类语法创建的，继承了React组件类。类组件可以包含状态(state)和生命周期方法(lifecycle methods)，并且可以与其他组件进行交互。下面是一个简单的React类组件的例子：

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  componentDidMount() {
    console.log('Component did mount');
  }

  componentDidUpdate(prevProps, prevState) {
    console.log('Component did update');
  }

  handleClick = () => {
    this.setState(prevState => ({
      count: prevState.count + 1
    }));
  };

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.handleClick}>Click me</button>
      </div>
    );
  }
}

export default MyComponent;

在上面的例子中，`MyComponent`是一个React类组件。它包含一个状态`count`，一个生命周期方法`componentDidMount`，另一个生命周期方法`componentDidUpdate`，以及一个处理点击事件的方法`handleClick`。`render`方法返回了组件的UI。

当`MyComponent`被渲染时，它将显示当前的计数值和一个按钮。当按钮被点击时，`handleClick`方法将被调用，然后更新状态`count`的值。每次组件更新时，`componentDidUpdate`方法将被调用，可以在控制台中看到相应的输出。

需要注意的是，类组件需要继承`React.Component`类，并实现`render`方法来返回组件的UI。此外，构造函数用于初始化组件的状态和属性，生命周期方法用于在组件的生命周期中执行特定的任务。