create-react-app génère une fonction au lieu d'une classe dans App.js

Question

J'essaie de créer une application React à l'aide de la commande create-react-app, et elle génère le fichier App.js en tant que fonction (syntaxe es5 sans classe) au lieu de classe (exemple dans le code suivant):

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

Comment puis-je forcer create-react-app à générer une classe à la place?

Answer 1

Oui, maintenant les jours réagissent beaucoup mieux dans les composants fonctionnels, nous n'avons plus besoin de composants de classe. Vous pouvez utiliser des crochets pour créer des états, etc.

Jetez un œil aux documents:

https://reactjs.org/docs/hooks-overview.html

Answer 2

Ne vous embêtez pas, changez-le manuellement.

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1> My first react project</h1>
      </div>
    );
  }
}

export default App;