React – Exemple application 1

Application voiture

Créons une application de parc de voiture avec :

un composant App de type Classe

un composant Voitures de type Classe

des composants voiture de type Fonction

HTML


<div id='root'></div>

Javascript


class App extends React.Component {
  render() {
    return <MesVoitures />;
  }
}
class MesVoitures extends React.Component {
  render() {
    return (
       <div>
          <h1>Voitures</h1>
          <Voiture />
       </div>
    );
  }
}
const Voiture = () => {
  return (
      <div>
         <p>Marque : </p> 
         <p>Couleur : </p>
      </div>
  );
};
// Attacher le composant  la Div ayant l'id "root"
ReactDOM.render(, document.getElementById("root"));

Jsfiddle

Publier 6 avril 2020 par sm2017 dans React - Exemple application 1 Commentaires fermés