Exercice 08 - Première application avec Toolpad Studio

À l'aide de Toolpad Studio vous devez recréer l'interface de l'exercice précédente avec de petites modifications.

• Une zone de texte permet d'inscrire le nom d'un pays en français.
• Utilisez la route suivante pour récupérer les résultats quand on clique sur un bouton.

https://restcountries.com/v3.1/translation/nomDuPays

• Cette route peut retourner plus d'un résultat. Remplissez un Select avec le code cca2 et le nom officiel en français de chaque pays.
• Utilisez l'expression suivante dans le transform de la requête pour vous permettre de remplir le Select

return data.map((pays) => {
  return {
    label: pays.translations.fra.official,
    value: pays.cca2
  }
});

• Ensuite quand on sélectionne un pays dans le Select lancez une seconde requête qui va récupérer le drapeau, la capitale et la population du pays.
• Par défaut dans le Select le premier pays de la liste devrait être sélectionné.

Voici deux exemples de résultats