小编MDM*_*DMH的帖子

React useEffect 调用 API 的次数过多,如何在组件渲染时将 API 调用限制为仅一次?

我在 useEffect 挂钩中调用 get API,以在组件安装之前获取数据,但它多次调用 API,并且收到错误“To many API requests”。

const [total, setTotal] = useState(0);
const [message, setMessage] = useState('');

useEffect(() => {
    covidApi.getData({url:'/totals'})
    .then((response) => {
        setTotal(response.data[0]);
        setMessage('');
        console.log(response.data);
    })
    .catch((error) => {
        setMessage("No data found");
        console.log(error);
    })
});
Run Code Online (Sandbox Code Playgroud)

输出:

浏览器输出

请让我知道这是在使用 useEffect 钩子渲染组件之前从 API 获取数据的最佳方式。

reactjs react-hooks use-effect

4
推荐指数
1
解决办法
6953
查看次数

标签 统计

react-hooks ×1

reactjs ×1

use-effect ×1