[英]ERR_INSUFFICIENT_RESOURCES errors on Axios GET request In React
我有一个 mongoDB,其中包含商店中的商品。 使用 React,我想根据数据库中的每个条目呈现项目卡。 就此而言,我使用 Axios 为我的服务器发送 GET 请求,该请求将处理从数据库中提取数据。
我的反应代码是这样的:
import React, { useEffect, useState } from 'react';
import axios from "axios";
function App() {
const [items, setItems] = useState([{}]);
useEffect(() => {
axios.get('/item').then(res => {
(res.data).forEach(entry => {
setItems(prevItems => {
return [...prevItems, entry];
})
});
}).catch(err => console.log(err));
})
return (
...
)
}
我已成功获取数据,但在我的 Chrome 控制台中,我不断收到 ERR_INSUFFICIENT_RESOURCES 错误,最终导致 Chrome 崩溃。 为什么会发生此错误? 我正在使用 useEffect() 因为 React 文档说它等同于功能组件中的 componentDidMount() 。 我可以使用什么替代方案?
编辑:当我删除 useEffect() 时,错误不断出现并使用 React 开发工具,我看到在项目中我有 80 个条目,这意味着请求被触发 10 次以上,我不明白如何。
谢谢!
您在每次渲染后发出请求。 添加[]
作为useEffect()
的第二个参数,以便在第一次渲染后发出一次请求。
const [items, setItems] = useState([{}]);
useEffect(() => {
axios.get('/item').then(res => {
setItems(res.data)
}).catch(err => console.log(err));
}, [])
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.