小编ert*_*u68的帖子

React-hook-form:寄存器类型定义

我正在使用"react-hook-form": "^7.39.5"但无法弄清楚如何正确设置寄存器类型。

索引.tsx

const Index = () => {
  const {
    register,
    handleSubmit,
    formState: { errors },
    getValues,
    setValue,
  } = useForm<FormInputs>({
    resolver: yupResolver(formSchema),
  })
  const onSubmit = (data: FormInputs) => console.log(data)

  return(
  <FormInput
    label={label}
    register={{ ...register('firstName') }}
    errorMessage={errors['firstName']?.message}
   />
  )

  export default React.memo(Index)

}
Run Code Online (Sandbox Code Playgroud)

表单输入.tsx

type FormInputProps = {
  label: string
  register: any // <-- I NEED THIS TO BE TYPED
  errorMessage?: string
  type?: string
}

const FormInput = ({ label, register, errorMessage, type }: FormInputProps) => …
Run Code Online (Sandbox Code Playgroud)

typescript react-hook-form

1
推荐指数
1
解决办法
1276
查看次数

标签 统计

react-hook-form ×1

typescript ×1