首页 > 解决方案 > Pokeapi 获得多种口袋妖怪类型

问题描述

所以我试图找到一种方法来获取特定类型的口袋妖怪。

在我的应用程序中,我允许用户选择他们想要查看的口袋妖怪类型,哪些类型存储在数组中:

const [types, setTypes] = useState([{name: 'fairy', url: '...'}, {name: 'fire', url:'...'}])

现在,当我从 Pokeapi 获取口袋妖怪时,我运行以下命令:

  useEffect(()=> {
    axios.get(`https://pokeapi.co/api/v2/pokemon?limit=${limit}&offset=0`).then((results)=> {
      setPokemon(results.data.results)
    })
  }, [limit])

但是我意识到这不包含过滤器(您想要获得哪种口袋妖怪类型)所以我找到了这个解决方案(仅适用于 1 个口袋妖怪类型)

 useEffect(()=> {
    axios.get(`https://pokeapi.co/api/v2/type/fire`).then((results)=> {
      setPokemon(results.data.results)
    })
  }, [])

另外,这种方法没有其他限制,有没有解决方案(允许我通过多种类型和限制过滤口袋妖怪?)

标签: pokeapi

解决方案


推荐阅读