2. Ajouter une méthode de recherche

Pour commencer, créons une nouvelle méthode searchPokemon dans le service pokemon-service.ts :

import Pokemon from "../models/pokemon";

export default class PokemonService {

  // ...

  static searchPokemon(term: string): Promise<Pokemon[]> {
    return fetch(`http://localhost:3001/pokemons?q=${term}`)
      .then(response => response.json())
      .catch(error => this.handleError(error));
  }
}

La fonction searchPokemon retourne une promesse qui renvoie un tableaux de pokémons. Dans la méthode fetch j’utilise une url spéciale, qui permet de filtrer les pokémons d’après leur nom, en fonction d’un terme de recherche entré par l’utilisateur.

Cette méthode va maintenant nous servir pour construire notre petit composant de recherche de pokémons ! 🔥