为什么福米克在我打到第二个外野的时候就失去了注意力

Question

我有一个formik的表单，它在第二个字段失去了焦点。

这似乎是一个非常基本的东西，但我找不到问题。

检查此沙盒：https://codesandbox.io/s/create-react-app-forked-m145g

单击电子邮件字段，键入任何内容(或不键入任何内容(，点击选项卡跳到下一个字段，然后看着焦点消失。

正如你所看到的，该字段正在被验证，所以，我不知道(也不太可能(我的自定义handleBlur函数是否与它有关：

const customHandleBlur = (e) => {
if (!values.recaptcha) this._reCaptchaRef.current.execute();
handleBlur(e);
};

这个函数负责执行谷歌的repatcha v3。

我做错了什么？

Answer 1

尝试将customHandleBlur更改为仅在电子邮件和描述都有值的情况下执行。

const customHandleBlur = (e) => {
if (!!values.email && !!values.description && !values.recaptcha) this._reCaptchaRef.current.execute();
handleBlur(e);
};

这将避免描述在这个时候失去焦点_调用reCaptchaRef.current.execute((函数。

看起来还有其他问题……但这将防止你的描述字段失去焦点，这就是你的问题所在。