What are class components in React?

Can you explain what class components are in React?

Class components are one of the two main types of components in React, the other being functional components. They are ES6 classes that extend from React.Component.

What are the main features of class components?

Class components can hold and manage their own state, and they have lifecycle methods that allow you to run code at specific points in a component's life.

Can you give me an example of a class component?

Sure! Here's a simple example:

import React from 'react';

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

  render() {
    return <h1>{this.state.count}</h1>;
  }
}

This component initializes a count in its state and renders it.

How do class components differ from functional components?

Class components use ES6 classes and can manage state and lifecycle methods, while functional components are simpler and can use hooks for state management.