我的第一个Redux Toolkit练习出现问题

sqougxex  于 2022-12-13  发布在  其他
关注(0)|答案(1)|浏览(134)

我是新的编码,我试图学习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>
    );
}
tzcvj98z

tzcvj98z1#

在文件src/app/pokemon_Api.js中,在传递给fetchBaseQuery配置的baseUrl的开头有一个额外的'。删除该文件可修复此问题。

相关问题