How do I use class components in React?

How do I use class components in React?

Class components in React are ES6 classes that extend from React.Component. They can hold state and lifecycle methods.

Can you show me a simple example of a class component?

Sure! Here's a basic example:

import React, { Component } from 'react';

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

  increment = () => {
    this.setState({ count: this.state.count + 1 });
  };

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

export default MyComponent;

What are the main differences between class components and functional components?

Class components can manage their own state and lifecycle methods, while functional components are simpler and can use hooks for state and side effects.