如何以反应钩子形式传递自定义验证消息？

Question

  <input name="request.url" placeholder="URL" ref={register({
    required: true,
    validate: validURL
  })} />

validURL 是一个函数，但如何在此处显示自定义消息？

Answer 1

将您的自定义验证消息直接传递给规则，例如：

<input name="request.url" placeholder="URL" ref={register({
    required: "The field is required",
    validate: validURL // Should return true or a string if not ok
  })} />

这是文档：https://react-hook-form.com/api/useform/register