React 钩子表单 Joi 验证。发送后无动作答案

【问题标题】：React hook form Joi validation. No action after sendReact 钩子表单 Joi 验证。发送后无动作
【发布时间】：2022-08-18 15:01:52
【问题描述】：

带有 Joi 验证的钩子形式。我已经设置了所有架构并将其与我的表单连接起来，就像在文档中一样，但是单击提交后，除了移动到表单顶部之外没有任何操作，控制台中没有错误包括架构中的错误。验证。有人有同样的问题吗？？我会很感激任何提示
模式验证器

export const JoiSchema = Joi.object({
  login: Joi.string().required().external(validateLogin),
  password: joiPassword
    .string()
    .minOfNumeric(1)
    .minOfUppercase(1)
    .minOfLowercase(1)
    .min(8)
    .max(16)
    .noWhiteSpaces()
    .required(),
  passwordConfirmation: Joi.any().equal(Joi.ref(\"password\")),
  name: Joi.string()
    .regex(/^[A-ZĄĆĘŁŃÓŚŹŻ]+[a-ząćęłńóśźż][^\\s,.\\\\/-_]{3,19}$/)
    .required(),
  lastName: Joi.string()
    .regex(/^[A-ZĄĆĘŁŃÓŚŹŻ]+[a-ząćęłńóśźż][^\\s,.\\\\/_]{3,30}$/)
    .required(),
})

连接到 useForm

const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm({
    resolver: joiResolver(JoiSchema),
  });

注册输入

<input
   name=\"firstname\"
   {...register(\"firstname\")}
   type=\"text\"
   className=\"form-control\"
/>

在加入 schemaValidation 之前，我已经对所有字段进行了 consoled.log 并将它们放在控制台中，它们已正确注册。

标签： reactjs forms react-hooks react-hook-form joi

【解决方案1】：

把你的完整代码放到codesandbox里给大家看

【讨论】：