要使用react-hook-form库进行绑定选择,你可以按照以下步骤进行操作:
npm install react-hook-form
import React from "react";
import { useForm } from "react-hook-form";
function MyForm() {
const { register, handleSubmit } = useForm();
const onSubmit = (data) => {
console.log(data); // 打印表单数据
}
return (
);
}
在上面的代码中,我们首先通过调用useForm钩子初始化表单。然后,我们定义了一个onSubmit函数,它将在表单提交时被调用,并打印出表单数据。在表单中的select元素上,我们使用了register方法来进行绑定。
function App() {
return (
我的表单
);
}
export default App;
现在,当你选择一个选项并提交表单时,你将能够在控制台上看到相应的表单数据。