About validate input validation function about react-use-form-state HOT 2 CLOSED

{touched.name && !validity.name && (
  <div className="error">Name is invalid!</div>
)}

input.text({
  name: 'name',
  validate: value => DISALLOWED_CHARS_REGEX.test(value)
    ? { foo: 'hello', bar: 'world' } // anything returned is a validation "error"
    : true,
  ),
});

{
  values: {
    name: 'wsm*$#d'
  },
  validity: {
    name: false,
  },
  errors: {
    name: {
      foo: 'hello',
      bar: 'world'
    },
  }
}

// this continues to work (you could still reference errors)
{touched.name && !validity.name && (
  <div className="error">Name is invalid!</div>
)}

// or you could check for the error itself
{touched.name && errors.name && (
  <div className="error">{errors.name.foo}</div>
)}

<div class="form-control">
  <label {...input.label("name")}>Email address</label>
  <input {...input.text("name")} />
  {input.valid("name") && <span input.valid("name") />}
</div>