Formik + yup不显示错误

Formik是一个用于构建React表单的开源库，它简化了表单处理的复杂性。而yup是一个用于表单验证的轻量级库，它提供了一种简单且可扩展的方式来定义和验证表单字段的规则。

当使用Formik和yup构建表单时，如果错误信息没有显示出来，可能是由于以下几个原因：

1. 表单验证规则未正确定义：首先，确保你已经正确定义了表单字段的验证规则。yup提供了一系列的验证方法，如string()、number()、required()等，你可以使用这些方法来定义字段的验证规则。例如，如果你想要验证一个输入框是否为必填项，可以使用yup.string().required('该字段为必填项')。
2. 错误信息未正确绑定：在Formik中，你需要将验证错误信息与表单字段进行绑定，以便在验证失败时显示错误信息。你可以使用formik.getFieldProps()方法来获取与字段相关的属性，其中包括value、onChange和onBlur等。确保你正确地将错误信息与表单字段进行绑定，例如：<ErrorMessage name="fieldName" component="div" />。
3. 错误信息未正确显示：在使用Formik和yup构建表单时，你可以使用ErrorMessage组件来显示验证错误信息。确保你在适当的位置使用了ErrorMessage组件，并将其与相应的表单字段进行绑定。

综上所述，如果Formik和yup不显示错误信息，你可以检查表单验证规则的定义、错误信息的绑定以及错误信息的显示是否正确。如果问题仍然存在，你可以参考Formik和yup的官方文档，以获取更详细的使用说明和示例代码。

腾讯云相关产品推荐：

• 云服务器（CVM）：提供可扩展的计算能力，适用于各种应用场景。了解更多：云服务器产品介绍
• 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用。了解更多：云数据库MySQL版产品介绍
• 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，帮助开发者构建智能化应用。了解更多：人工智能平台产品介绍
• 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。了解更多：云存储产品介绍
• 区块链服务（Tencent Blockchain）：提供高性能、可扩展的区块链解决方案，帮助企业构建区块链应用。了解更多：区块链服务产品介绍