Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React axios post请求不发送数据_Reactjs_Axios_Http Post - Fatal编程技术网

Reactjs React axios 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 '..

我正在为我的应用程序使用react。我正在学习post请求。我找到了一个虚拟api站点,在那里我可以测试我的post请求。这是我的api。对于post请求,我使用了
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网站把我弄糊涂了。我现在明白了:)。如果我的回答对你有帮助的话。把它标记为答案。否则你是怎么做的?