跳到内容

控制

掌控表单

</> control: Object

此对象包含将组件注册到 React Hook Form 的方法。

规则

重要提示: 不要直接访问此对象中的任何属性。它仅用于内部使用。

示例


import React from "react"
import { useForm, Controller } from "react-hook-form"
import { TextField } from "@material-ui/core"
type FormInputs = {
firstName: string
}
function App() {
const { control, handleSubmit } = useForm<FormInputs>()
const onSubmit = (data: FormInputs) => console.log(data)
return (
<form onSubmit={handleSubmit(onSubmit)}>
<Controller
as={TextField}
name="firstName"
control={control}
defaultValue=""
/>
<input type="submit" />
</form>
)
}
import { useForm, Controller } from "react-hook-form"
function App() {
const { control } = useForm()
return (
<Controller
render={({ field }) => <input {...field} />}
name="firstName"
control={control}
defaultValue=""
/>
)
}

感谢您的支持

如果您发现 React Hook Form 在您的项目中很有用,请考虑为它加星并支持它。