seance6 travaux pratique

Puis il s’affiche le bouton Initialiser qui permet réinitialise l’interface compléter le composant JeuDe.js JeuDe.js import React from "react"; export default class JeuDe extends React.Component { constructor(props) { super(props); this.state = { face: null, compteur: 0, fin: false };

index.js import React from "react"; import ReactDOM from "react-dom/client"; import JeuDe from "./components/JeuDe"; const element = document.getElementById("root"); const root = ReactDOM.createRoot(element); function App() { return ( <div> <JeuDe cache={2}/> </div>

La valeur de la face cachée est passée dans props dans cet exemple face cachée est 2 Amélioration de programme Améliorer le programme en affichant les faces sous forme d’images

JeuDe.js import React from "react"; export default class JeuDe extends React.Component { constructor(props) { super(props); this.state = { face: null, compteur: 0, fin: false };