我是新的编码,我试图学习redux工具包,但我没有成功地从PokeAPI获取数据。
我想从PokeAPI中检索数据,但是我正在做的查询被拒绝了,我不知道为什么。在我的DevTools for Redux中,我看到了“executeQuery/rejected”。我也把完整的代码推到了我在GitHub上的repo中:https://github.com/LittleWing85/Playground_Redux-Toolkit和我会非常感谢你的提示!
这是我的代码中执行查询的部分,在UI中,我可以看到“Oh no,there was an error”:
import { useGetPokemonByNameQuery } from "../../app/pokemon_Api";
export function Pokemon() {
const { data, error, isLoading } = useGetPokemonByNameQuery("bulbasaur");
return (
<div className="App">
{error ? (
<>Oh no, there was an error</>
) : isLoading ? (
<>Loading...</>
) : data ? (
<>
<h3>{data.species.name}</h3>
<img
src={data.sprites.front_shiny}
alt={data.species.name}
/>
</>
) : null}
</div>
);
}
1条答案
按热度按时间tzcvj98z1#
在文件
src/app/pokemon_Api.js
中,在传递给fetchBaseQuery
配置的baseUrl
的开头有一个额外的'
。删除该文件可修复此问题。