ApolloProvideruseMutationPromiseResolutionCausingReactlimitsthenumberofrenderstopreventaninfiniteloop
创始人
2024-09-09 12:30:27
0

这个问题通常是由于在使用ApolloClient的useMutation hook时,返回的Promise没有正确处理而导致的。如果Promise没有完成或者失败,React可能会对组件进行多次重新渲染,以避免无限循环。要解决这个问题,我们可以使用async/await或then/catch来正确处理返回的Promise。

示例代码:

import { useMutation } from '@apollo/react-hooks'; import gql from 'graphql-tag';

const CREATE_USER = gql mutation createUser($email: String!, $password: String!) { createUser(email: $email, password: $password) { id email } };

function CreateUserForm() { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [createUser, { loading, error }] = useMutation(CREATE_USER);

const handleSubmit = async (e) => { e.preventDefault(); try { const { data } = await createUser({ variables: { email, password } }); console.log(data); // handle successful user creation } catch (err) { console.error(err); // handle error } };

return (

setEmail(e.target.value)} /> setPassword(e.target.value)} /> {loading &&

Loading...

} {error &&

{error.message}

}
); }

相关内容

热门资讯

玩家必知教程(wepoke辅助... 玩家必知教程(wepoke辅助)外挂透明挂辅助软件(辅助挂)发牌机制(新版有挂)-哔哩哔哩是一款可以...
记者发布(WPKplus)外挂... WPKplus赢率提升策略‌;记者发布(WPKplus)外挂透明挂辅助机制(辅助挂)其实真的有挂(2...
大神推荐!拱趴大菠萝免费(we... 大神推荐!拱趴大菠萝免费(wepOKE)外挂透明挂辅助插件(辅助挂)细节揭秘(有挂解惑)-哔哩哔哩关...
一分钟揭秘(Wepoke技巧)... 1、一分钟揭秘(Wepoke技巧)外挂透明挂辅助脚本(辅助挂)辅助透视(有挂透视)-哔哩哔哩;该软件...
科普(扑克时间后台数据)外挂透... 科普(扑克时间后台数据)外挂透明挂辅助神器(透视)透视辅助(有挂透明挂)-哔哩哔哩;扑克时间后台数据...
5分钟了解!wEPoke(we... 1、5分钟了解!wEPoke(wePokE)外挂透明挂辅助器安装(辅助挂)规律教程(有挂技术)-哔哩...
8分钟了解(wpk微扑克)外挂... 8分钟了解(wpk微扑克)外挂透明挂辅助机制(辅助挂)原来真的有挂(2021已更新)(哔哩哔哩);支...
实测交流(扑克时间)外挂透明挂... 实测交流(扑克时间)外挂透明挂辅助器(透视)透视辅助(有挂分享)-哔哩哔哩;小薇(透视辅助)致您一封...
查到实测(德扑ai智能)外挂透... 查到实测(德扑ai智能)外挂透明挂辅助软件(辅助挂)发牌规律(有挂工具)-哔哩哔哩需要回顾用户提供的...
关于!拱趴大菠萝免费(wepO... 自定义拱趴大菠萝免费系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你...