我正在使用"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)