javascript - React-Js - 使用 useEffect 发出 POST 请求和
问题描述
我是 React-Js 的新手,我有一个注册页面,我想向我的后端发送一个 Post 请求。UseState 正在工作,其他一切,我的方法是 handleSubmit 。如何通过使用 axios 或 fetch 从这里使用 useEffect?
export default function SignUp() {
const [username, setUsername] = useState('');
const [email, setEmail] = useState('');
const [passowrd, setPassowrd] = useState('');
const handleSubmit = e => {
e.preventDefault();
}
return (
<form className={classes.form} noValidate onSubmit={handleSubmit}>
</>
)
解决方案
您不需要使用 useEffect Hook,因为您没有在组件加载/更改时执行它。而是使用带有函数 handleSubmit 的 async/promise
export default function SignUp() {
const [username, setUsername] = useState('');
const [email, setEmail] = useState('');
const [passowrd, setPassowrd] = useState('');
const handleSubmit = async () =>{
const res = await axios.post('YOUR BACKEND',{
username,email,password
})
}
//remember to handle change for form inputs
return (
<form className={classes.form} noValidate onSubmit={handleSubmit}>
</>
)
推荐阅读
- python - Django:无法访问模板中字典的值
- sql - SQL Server 使用 in 关键字传递字符串数组查询
- r - 精度 SD 未显示在 R 中
- delphi - TPacker.SplitNode 中的内存泄漏
- java - Log4J2 AsyncLogger 正在以高并发填充 LMAX 中断器的环形缓冲区
- java - 在java中替换多行字符串中的几个字符
- javascript - 使用MVC模式的多个表单Ajax请求,获取输入字段的新值
- java - 填充微调器 [自定义适配器] 改造
- java - 将 java 1.8 转换为 1.6
- scala - 每个分组从 Spark 数据帧中选择特定行