如何解决reactjs-Axios post 返回空对象
Reactjs 的新手。我正在尝试使用 axios 将数据发布到本地服务器,但它返回一个空对象。我究竟做错了什么?我需要将姓名和电子邮件发送到 json 文件。
const FormNew = () => {
const [name,setName] = useState("");
const [email,setEmail] = useState("");
const handleChangeName = (event) => {
setName(...name,{ name: event.target.value });
};
const handleChangeEmail = (event) => {
setEmail(...email,{ email: event.target.value });
};
const handleSubmit = (event) => {
event.preventDefault();
axios
.post("http://localhost:3002/posts",{
name: name,email: email,})
.then((res) => {
console.log(res.data);
});
};
return (
<Form onSubmit={handleSubmit}>
<Field.Text
label="Name"
name="name"
type="text"
onChange={handleChangeName}
/>
<Field.Text
label="Email"
name="email"
type="email"
onChange={handleChangeEmail}
/>
<Button type="submit">Submit</Button>
</Form>
);
};
export default FormNew;
我尝试向其中发送数据的 Json 文件。
{
"posts": [
{
"name": "JSON SERVER","email": "json@net.com","id": 1
}
]
}
解决方法
你的钩子用错了,试试这样用
const handleChangeName = (event) => {
setName(event.target.value);
};
const handleChangeEmail = (event) => {
setEmail(event.target.value);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。