我使用react-hook-forms作为我们的应用程序表单功能/验证，并使用MUI/Material-UI作为我们的组件库。如果输入有required属性集，MUI将自动将*附加到输入标签上，然而，当我们将required属性添加到我们的输入时，HTML5表单验证优先于使用rulesprop的react-hook-form验证。
我们如何将这两个概念一起使用，以便MUI在必填字段上附加*，但react-hook-form的rules验证被应用而不是HTML5的验证?
假设您希望form标记中的所有输入都忽略HTML5验证，您可以简单地将noValidation属性添加到包装输入的form标记中。这将禁止运行HTML5验证，并允许react-hook-form运行rules验证。
注意:如果你有required属性添加到输入，但你没有rules添加到控制器的输入，那么你的输入将不会被验证为是必需的。