如何解决Json-sever GET 请求不断触发
我在我的机器上本地设置了一个 json-server 用作我正在创建的应用程序的模拟 API。我在端口 3004 上运行服务器,而我的应用程序在端口 3000 上运行。应用程序按预期运行;但是,在检查运行服务器的终端时,我注意到每毫秒都在不断调用 GET 请求 - 见下图:
这是正常行为吗?根据我下面的代码,我希望 GET 请求只被调用一次。 GET 请求是 React 应用程序的一部分,在 useEffect 内部调用。
useEffect(() => {
fetch('http://localhost:3004/invoices',{
headers : {
'Content-Type': 'application/json','Accept': 'application/json'
},}
)
.then(function(response){
return response.json();
})
.then(function(myJson){
setData(myJson);
})
.catch((error) => {
console.error("Error:",error);
});
});
解决方法
您需要为 useEffect
添加一个依赖项,例如,如果您希望它仅在第一次渲染时触发,您可以这样写
useEffect(() => {
fetch('http://localhost:3004/invoices',{
headers : {
'Content-Type': 'application/json','Accept': 'application/json'
},}
)
.then(function(response){
return response.json();
})
.then(function(myJson){
setData(myJson);
})
.catch((error) => {
console.error("Error:",error);
});
},[]);
更有可能的是,您希望在发生变化时触发效果,在这种情况下,将依赖添加到方括号中...
useEffect(() => {
fetch('http://localhost:3004/invoices',[someState]);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。