Reactjs React axios post请求不发送数据
我正在为我的应用程序使用react。我正在学习post请求。我找到了一个虚拟api站点,在那里我可以测试我的post请求。这是我的api。对于post请求,我使用了Reactjs React axios post请求不发送数据,reactjs,axios,http-post,Reactjs,Axios,Http Post,我正在为我的应用程序使用react。我正在学习post请求。我找到了一个虚拟api站点,在那里我可以测试我的post请求。这是我的api。对于post请求,我使用了axios。我不知道Mocky api是如何工作的。我提出了邮寄要求。当我控制台记录输入值时,我可以记录输入值。但是当我控制台记录响应时,它似乎没有得到数据。我看不出我犯了什么错误 这是我的密码: import React, { useState } from 'react'; import { API_URLS } from '..
axios
。我不知道Mocky api是如何工作的。我提出了邮寄要求。当我控制台记录输入值时,我可以记录输入值。但是当我控制台记录响应时,它似乎没有得到数据。我看不出我犯了什么错误
这是我的密码:
import React, { useState } from 'react';
import { API_URLS } from '../utilities';
import axios from "axios";
export default function CreateAccount() {
const [state, setState] = useState({
"email": ``,
"password": ``,
"loading": false,
"error": ``
});
const onChangeStudent = (e) => {
setState({
...state,
[e.target.id]: e.target.value
});
};
const onSubmit = async (e) => {
e.preventDefault();
console.log(state);
const url = `https://run.mocky.io/v3/15c2b7ec-9f31-4a18-ae60-a7f41e1f39b2`;
const obj = {
"email": state.email,
"password": state.password
};
console.log(obj.email); //I can see the input value
console.log(obj.password);//I can see the input value
axios
.post(url, obj)
.then((res) => {
console.log(res.data); // it does not show the data
console.log(res);
})
.catch((error) => {
setState({
...state,
"error": error
});
});
};
return (
<div>
<form onSubmit={onSubmit}>
<input
type="text"
value={state.name}
onChange={onChangeStudent}
id="email"
required
/>
<input
type="password"
value={state.password}
onChange={onChangeStudent}
id="password"
required
/>
<button
className="btn waves-effect blue lighten-1"
type="submit"
name="action"
disabled={state.loading}
>
{state.loading ? `loading...` : `save`}
</button>
</form>
</div>
);
}
import React,{useState}来自“React”;
从“../utilities”导入{API_URL};
从“axios”导入axios;
导出默认函数CreateAccount(){
常量[状态,设置状态]=使用状态({
“电子邮件”:``,
“密码”:``,
“加载”:错误,
“错误”:``
});
const onchange student=(e)=>{
设定状态({
……国家,
[e.target.id]:e.target.value
});
};
const onSubmit=async(e)=>{
e、 预防默认值();
console.log(状态);
常量url=`https://run.mocky.io/v3/15c2b7ec-9f31-4a18-ae60-a7f41e1f39b2`;
常量对象={
“email”:state.email,
“密码”:state.password
};
console.log(obj.email);//我可以看到输入值
console.log(obj.password);//我可以看到输入值
axios
.post(url,obj)
。然后((res)=>{
console.log(res.data);//它不显示数据
控制台日志(res);
})
.catch((错误)=>{
设定状态({
……国家,
“错误”:错误
});
});
};
返回(
{state.loading?`loading…`:`save`}
);
}
您好,您的工作似乎没有任何问题
我测试了下面的测试,它对我有效。试着从改变。然后等待。希望这能解决你的问题。如果您的请求成功并且您正在发送正文,请在“网络”选项卡中进行检查
try {
const response = await axios.post('https://run.mocky.io/v3/4b95050f-2bcc-4c78-b86e-6cac09372dce', data);
console.log("Response", response);
} catch(e) {
console.error(e);
}
谢谢你,伙计。愚蠢的mocky网站把我弄糊涂了。我现在明白了:)。如果我的回答对你有帮助的话。把它标记为答案。否则你是怎么做的?