Functional components

As well as using functions to create our components, we can also use classes.

Only one of the below code snippets will create a Class component correctly. Can you find it?

A)

class MyComponent extends React.Component {
  render (
    <p>This is a React class component.</p>
  );
}

B)

class MyComponent extends React.Component {
  render() {
    return (
      <p>This is a React class component.</p>
    );
  }
}

C)

class MyComponent = React.Component() {
  render() {
    return (
      <p>This is a React class component.</p>
    );
  }
}

D)

class MyComponent extends React.Component {
  return (
    <p>This is a React class component.</p>
  );
}