React formik 表单渲染速度慢的问题

Question

我正在使用 React Formik，该表单有超过 30 个输入字段，当输入时字段渲染速度很慢，打印速度很慢，并且更轻松，任何提高字段速度的想法都会稍微慢一些。请检查codesandbox

代码沙盒链接：https://codesandbox.io/s/goofy-bassi-5s0c9 ?file=/src/App.js

Answer 1

另一种解决方法是在标签上设置validateOnChange为。false<Formik>

<Formik
  validateOnChange={false} // Add this line
  initialValues={{ ... }}
  validationSchema={validationSchema}
>

一些参考资料： https://github.com/jaredpalmer/formik/issues/2296 https://github.com/jaredpalmer/formik/issues/2542

Answer 2

我有同样的问题。但当你构建并部署到服务器时它就会消失