错误 AxiosError (Reactjs) - 请求失败答案

【问题标题】：Error AxiosError (Reactjs) - Request Failed错误 AxiosError (Reactjs) - 请求失败
【发布时间】：2022-11-03 01:57:39
【问题描述】：

我对 AxiosError 有一些问题，我无法解决这个问题

我正在分享显示我面临的错误的屏幕截图

这是代码：

const Carousel = () => {
    const [trending, setTrending] = useState([]);

    const classes = useStyles();
    
    const [currency] = useState(CryptoState() || {});

    const fetchTrendingCoins = async() => {
        const {data} = await axios.get(TrendingCoins(currency));
        setTrending(data);
    }

    console.log(trending);

    useEffect(() => {
        fetchTrendingCoins();
    },[currency])

 
    return <div className={classes.carousel}>carousel</div>

}

export default Carousel;

并从 API 链接的：


export const TrendingCoins = (currency) =>
  `https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency}&order=gecko_desc&per_page=10&page=1&sparkline=false&price_change_percentage=24h`;

AxiosError - 请求失败，状态码为 400

【问题讨论】：

它尝试访问的 URL 对您来说是否正确？
我不确定，我怎么能看到？
它确实在您发布的其中一个屏幕截图中。

标签： javascript reactjs

【解决方案1】：

您正在将 object 传递给您的 TrendingCoins 函数。这应该是string。

这导致字符串插值将 [Object object] 放入 url 而不是您需要的货币代码。

【讨论】：