问题标签 [yup]

我想要一些有关此类场景的最佳实现的信息：我有一个选择器和两个日期选择器。当我从选择 (idRisk) 参数 PRESENT 中选择时，这两个日期必须是必需的。如果 DateA 在 DateB 之前，那么我想在表单中显示验证错误。实现这一目标的最佳方法是什么？我写这个是为了完成，但显示这个错误=错误：循环依赖，节点是：“dateA”

我有三个复选框：

只有当所有三个都被检查时才有效。所有其他状态均无效，应显示错误消息。

如何用是的来实现它？

我当前的实现不起作用。它只验证单个复选框，而不是全部。

我创建了一些registrationSchema

到目前为止，它就像一个魅力。但现在我需要验证用户是否至少 18 岁。我从日期选择器获取 DateOfBirth，我可以检查它是否小于 18 岁。

以及我在使用 Yup.lazy 时得到的这个日期值，但是如果 18 岁以下要在 DOB 字段下显示它，不知道如何抛出验证错误。我什至不知道我是否使用正确的yup方法。我想使用 yup.date()。但是如何在模式中获取选择的日期以检查它是否是有效的年龄。

我在 Yup 中有这个模式，它对日期字段设置了最小日期约束：

但是如果我选择当前日期，它仍然会计算它是过去的。请注意，当我这样做时不会发生这种情况max(new Date(), ...)。在这种情况下，它包括所有过去的日期，包括当前日期。

编辑：这是问题的一个例子https://codesandbox.io/s/jznz5vl7lw

这是我的验证模式：

React State 中还有两个变量：isPerson和isCompany. 如何使验证有条件地工作，例如如果isPerson为真，则person需要validationSchema验证？

在这里，我正在使用 antd 创建 Datepicker 并将这个 antd datepicker 传递给 formik 字段。我使用 antd 的 Datepicker 示例代码

我正在将此 ant 组件添加到 formik 字段组件，使用 handleSubmit 提交表单并应用 YUP 验证。我遇到问题是提交表单我正在获取所需的 DatePicker 验证，问题是选择 DatePicker 的值我没有获取值，并且在提交表单后显示验证消息。

在这里，我通过 withFormik 获取值并使用 handleSubmit 提交表单。为什么我没有得到 datepicker 值以及为什么在选择 datepicker 值后显示验证消息？

在这里，我提供了我在代码沙盒上工作的示例。提交表单后如何重置日期选择器值？

我的工作代码和框链接是在此处输入链接描述

我正在尝试使用 yup 概念实现对反应选择（单选）的验证。但我收到此错误：

对象作为 React 子对象无效（找到：带有键 {label, value} 的对象）。如果您打算渲染一组子项，请改用数组。

我想知道如何在验证模式中为 yup 概念分配对象

我找到了 react-select(multiple select) 的 yup 验证。请参阅链接select multiple items of react-select validation in yup。但我不需要使用 yup 进行多项选择验证。我需要对 react-select 进行基本验证使用是的。我尝试过，但我未能使用是的实现反应选择验证。

我如何使用 yup 来实现它。请帮我解决这个问题。

提前致谢。最佳答案将不胜感激。

我将 Formik 用于创建用户的表单。使用 Yup 验证模式验证表单值。

但是，我还需要在用户填写表单时（不仅仅是在提交时）通过 api 调用检查用户名是否有效。如果 api 调用返回用户名被使用，我可以手动设置错误收集，但是随着相关字段通过其 Yup 验证（仅检查长度），这随后被清除。

如果（比如说）设置了状态标志，除了管理 React 中的检查和阻止表单提交之外，最好的方法是什么？

==================================================== ==

好的，我想通了。我使用了.test，因为它接受一个验证器函数，该函数返回一个承诺，我可以将它用于我的异步调用。

使用 createError 创建的自定义错误（请参阅文档）。

一切顺利

标记