Skip to content
Snippets Groups Projects
Commit 6ec1f12d authored by Thomas Fritsch's avatar Thomas Fritsch
Browse files

Précisions D.1.3 objectifs PizzaThumbnail

parent 81644b72
No related branches found
No related tags found
No related merge requests found
......@@ -57,7 +57,15 @@ _**L'objectif de cet exercice est d'utiliser une classe à l'intérieur d'une au
> _vérifiez que votre classe `Component` ajoute bien la classe CSS `pizzaThumbnail`_
> _sur la balise `<article>`..._
3. **Créez une classe `PizzaThumbnail`** (dans `src/components/PizzaThumbnail.js`) avec le code suivant :
3. **Grâce aux modifications que l'on vient de faire sur la classe `Component`,**
**on peut maintenant créer la classe `PizzaThumbnail`** (dans `src/components/PizzaThumbnail.js`).
`PizzaThumbnail` est en fait un `Component` auquel on peut passer un objet "pizza"
(_une cellule du tableau `data`_) et qui est capable de générer le même code HTML
que ce que l'on avait fait dans le TP1.
Je vous fourni son code car l'intérêt ici, est simplement de **s'assurer que votre classe `Component`**
**gère bien les différents cas limites** :
```js
export default class PizzaThumbnail extends Component {
......@@ -84,7 +92,8 @@ _**L'objectif de cet exercice est d'utiliser une classe à l'intérieur d'une au
Dans le `src/main.js`, testez votre classe avec le code suivant :
```js
const pizzaThumbnail = new PizzaThumbnail(data[0]);
const pizza = data[0];
const pizzaThumbnail = new PizzaThumbnail(pizza);
document.querySelector( '.pageContent' ).innerHTML = pizzaThumbnail.render();
```
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment