问题描述
如何以类似于HTML提交表单的react hook形式进行发布操作,在提交表单时以HTML形式进行,然后转到下一个,并根据名称传递值。我想用react hook形式做同样的事情。我不能做到这一点谢谢你
import React from 'react';
import logo from './logo.svg';
import './App.css';
import { useForm } from "react-hook-form";
import 'react-phone-number-input/style.css'
import PhoneInput from 'react-phone-number-input'
import { formatPhoneNumber } from 'react-phone-number-input'
//import InputNumber from 'react-input-number';
import MuiPhoneNumber from 'material-ui-phone-number';
import { TextBox,RadioBox,CheckBox,Select,Textarea } from 'react-inputs-validation';
import 'react-inputs-validation/lib/react-inputs-validation.min.css';
//import updateAction from "./updateAction";
function App(props) {
const { register,handleSubmit,watch,errors,action} = useForm();
const [value,setValue] = React.useState("");
const [num,setNum] = React.useState(2.2);
const onSubmit = data => {
};
return (
<form onSubmit={handleSubmit(onSubmit)} action="www.example.com" method="POST" >
<label></label>
<input placeholder="Ad" name="example" defaultValue="test" ref={register} style={{border: "1px solid black"}}/>
<input name="email" placeholder="email" ref={register({
required: "required",pattern: {
value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message: "invalid email address"
}
})} style={{border: "1px solid black"}}
/>
<MuiPhoneNumber defaultCountry={'us'} />
<input
name="examplerequired1"
style={{border: "1px solid black"}}
/>
<button type="submit" name="submit" value="submit">Submit</button>
</form>
);
}
export default App;
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)