# Instructions

## Etape 1 - Un animal

Créer un composant Animal avec deux props : nom et cri
Afficher chaque prop dans un paragraphe respectif

```javascript
        ReactDOM.render(
            <Animal nom='Chat' cri='Miaou' />,
            document.getElementById('root')
        );
```

## Etape 2 - Liste d'animaux

Créer un composant AnimalList qui prend en prop "animals" une collection
et qui pour chaque élément de la collection génère un composant Animal (créé précédemment)

```javascript
    const animals = [{
        nom: "Chat",
        cri: "Miaou"
    },{
        nom: "Chien",
        cri: "Woaf"
    },{
        nom: "Canari",
        cri: "Cui cui"
    }];

    ReactDOM.render(
        <AnimalList animals={animals} />,
        document.getElementById('root')
    );
```

## Etape 3 - Masquer le cri de chaque Animal au bout de 3 secondes