Reactjs Formik:useField钩子上的onBlur处理程序

不确定这是否是最佳解决方案

我的工作是继续使用formik提供的onBlur函数，同时也使用您的函数。这是通过将字段onBlur函数传递给handleBlur函数并在执行时调用它来实现的。您可以在这个沙箱中看到更改

所以这条线有两个方面的变化

onBlur={e => handleBlur(field.onBlur, e)}

及

要使用formik onBlur函数，请执行以下操作：D 祝你好运

这是代码沙盒

---

不确定这是否是最佳解决方案

我的工作是继续使用formik提供的onBlur函数，同时也使用您的函数。这是通过将字段onBlur函数传递给handleBlur函数并在执行时调用它来实现的。您可以在这个沙箱中看到更改

所以这条线有两个方面的变化

onBlur={e => handleBlur(field.onBlur, e)}

及

要使用formik onBlur函数，请执行以下操作：D 祝你好运

这是代码沙盒

---

另一种解决方案，它们是相同的，但此选项更美观，可读性更好

谢谢

在

handleBlur

函数中，可以调用

field.onBlur

并将合成事件传递给它。 大概是这样的：

---

工作代码另一种解决方案，它们是相同的，但是这个选项更漂亮，可读性更好

谢谢

在

handleBlur

函数中，可以调用

field.onBlur

并将合成事件传递给它。 大概是这样的：

---

工作代码如何在输入字段onBlur事件上显示错误，我正在使用用户名检查，如何在输入字段上设置错误。如何在输入字段onBlur事件上显示错误，我正在使用用户名检查，如何在输入字段上设置错误。

function handleBlur(e) {
    // Call the Formik onBlur event before your custom stuff
    field.onBlur(e);

    if (!field.value.length > 0) {
        onFocus(false);
    }
}