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

在react-hook-form中只输入数字，可以通过使用内置的验证规则和自定义验证规则来实现。

首先，安装react-hook-form库并导入所需的依赖项：

npm install react-hook-form

然后，在你的组件中引入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;

在上面的代码中，我们使用了useForm钩子来初始化表单，并使用register函数将输入字段与验证规则关联起来。在这个例子中，我们使用了两个验证规则：