如何使用 Typescript 解决这个 formik onSubmit 错误？

Question

出于某种原因，我在 Formik 的 onSubmit 道具上遇到错误：

类型'（值：{电子邮件：字符串；密码：字符串；}）=> {类型：字符串； 有效载荷：{电子邮件：字符串| 无效的; 密码：字符串 | 无效的; }; }' 不能分配给类型 '((values: { email: string; password: string; }, formikHelpers: FormikHelpers<{ email: string; password: string; }>) => void | Promise) & ((values: { 电子邮件：字符串；密码：字符串；}) => { ...; })'。 类型'（值：{电子邮件：字符串；密码：字符串；}）=> {类型：字符串； 有效载荷：{电子邮件：字符串| 无效的; 密码：字符串 | 无效的; }; }' 不可分配给类型 '（值：{ 电子邮件：字符串；密码：字符串；}，formikHelpers：FormikHelpers<{ 电子邮件：字符串；密码：字符串；}>）=> void | 承诺'。 类型'{类型：字符串； 有效载荷：{电子邮件：字符串| 无效的; 密码：字符串 | 无效的; }; }' 不可分配给类型 'void | 承诺'。

这些是 Formik 道具：

<Formik
                    initialValues={{ email: '', password: ''}}
                    validationSchema = { LoginSchema }
                    validateOnChange={false}
                    onSubmit={ (values) => requestLogin(values.email, values.password)}
                >

这是 requestLogin 动作：

export const requestLogin = (email: string, password: string) => ({
type: types.AUTH_USER,
payload: {
    email: email || null,
    password: password || null
}

});

一切都应该没问题，因为 requestLogin 需要 2 个“字符串”类型的参数，还是我在这里遗漏了什么？

Answer 1

改变

onSubmit={ (values) => requestLogin(values.email, values.password) }

至

onSubmit={ (values) => {requestLogin(values.email, values.password)} }

你的错误：

Type '{ type: string; payload: { email: string | null; password: string | null; }; }' is not assignable to type 'void | Promise'.

您正在返回一个类型为{ type: string, ... }的对象，而不是类型void | Promise void | Promise （不返回任何内容），因为没有大括号的箭头函数会自动返回其中的值。