如何在react-hook-form中只输入数字

npm install react-hook-form

import React from 'react';
import { useForm } from 'react-hook-form';

function MyForm() {
  const { register, handleSubmit, errors } = useForm();

  const onSubmit = (data) => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input
        type="text"
        name="numberInput"
        ref={register({
          required: '请输入数字',
          pattern: {
            value: /^[0-9]+$/,
            message: '请输入有效的数字',
          },
        })}
      />
      {errors.numberInput && <p>{errors.numberInput.message}</p>}
      <button type="submit">提交</button>
    </form>
  );
}

export default MyForm;