pokeapi - 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)
})
}, [])
另外,这种方法没有其他限制,有没有解决方案(允许我通过多种类型和限制过滤口袋妖怪?)
解决方案
推荐阅读
- windows-installer - 如何 CI-CD 一个 Windows 安装程序?我希望部署将 .msi 放置在特定位置
- reactjs - Reactjs 中的 Downshift - 菜单下拉菜单仅显示所选项目
- javascript - jquery函数“不是函数”在同一个函数冲突中?
- python - 删除列中具有特定值的行
- javascript - 在这个例子中,如何使用 JaveScript 来模仿自定义过滤器/选择器?
- talend - tFTPConnection 从上下文设置密码不起作用
- php - 来自键名的多维数组层次结构
- python - 另一个 if 语句中带有比较运算符的 if 语句未运行
- reactjs - 如何在标签处于活动状态时更改标签的侧边框颜色
- html - 跳过链接切断整个网站的标题顶部