react 类组件 举例

以下是一个简单的 React 类组件的示例：

import React, { Component } from 'react';

class Counter extends Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
    // 绑定 this
    this.handleIncrement = this.handleIncrement.bind(this);
    this.handleDecrement = this.handleDecrement.bind(this);
  }

  handleIncrement() {
    this.setState({ count: this.state.count + 1 });
  }

  handleDecrement() {
    this.setState({ count: this.state.count - 1 });
  }

  render() {
    const { count } = this.state;
    return (
      <div>
        <h1>Counter: {count}</h1>
        <button onClick={this.handleIncrement}>+</button>
        <button onClick={this.handleDecrement}>-</button>
      </div>
    );
  }
}

export default Counter;

这是一个计数器组件，包含一个计数器和两个按钮。在 constructor() 方法中初始化 state 和绑定事件处理方法，render() 方法渲染组件的界面，handleIncrement() 和 handleDecrement() 方法分别处理加一和减一操作。通过继承 Component 类来创建该组件类，并在最后导出该组件以供其他组件使用。