调用函数组件体内外部的反应问题

Question

因此，我一直在搜索Internet，以获取一个示例的示例，称为函数组件的主体外部。但是，我找不到样本。

我有一种查询类型的GraphQl，我正在等待我可以传递的形式的值。因此，我需要在Formik的Onsubmit函数中称其为。

我已经用

因此，这是我对查询的反应钩，

const [{ data, fetching, stale, error, extensions, operation }] = useForgotPasswordQuery({ variables: { email: "value from the form" } });

与突变不同，它返回一个函数，我可以在其中用来在功能之外调用。

const [, forgotPassword] = useForgotPasswordMutation();

...
<Formik initialValues={{ email: '' }} onSubmit={async (values, { setErrors }) => {
    const response = await forgotPassword({ email: values.email });
}}>

我想在此用例中知道，我无法使用查询类型吗？否则这是我不知道的一种方式。

我已经在这里阅读 stackoverflow 这是约定：

查询 - 用于查询数据（选择操作）

突变 - 用于创建新的和更新/删除现有数据（插入，更新，删除）

以某种方式创建新的和更新/删除现有数据（插入，更新，删除），此公约对我来说很有意义，我想实现它。因此，我试图使用查询而不是突变来做到这一点。