React.js-我想使用一些json服务器模拟数据来测试我的登录应用

时间:2018-08-29 12:45:07

标签: javascript json reactjs authentication json-server

当我使用此提取功能并在表单上对其进行测试时,将创建一个仅包含id的新对象,并且我得到201状态而不是200状态

export function PostData(userData){
let url = 'http://localhost:3001/users';

return new Promise((resolve, reject) => {
    fetch(url,{
        method: 'POST',
        body: JSON.stringify(userData)
    })
    .then((response)=> response.json())
    .then((responseJson) => {
        resolve(responseJson);
    })
    .catch((error) => {
        reject(error);
    });
});
}

db.json

{
  "users": [
    {
      "id": 1,
      "email": "test@gmail.com",
      "password": "12345"
    },
    {
      "id": 2,
      "email": "testtest@gmail.com",
      "password": "123456"
    },
    {
      "id": 3
    }
  ]
}

这是登录功能

login(e){
      e.preventDefault();
      PostData(this.state).then((result) => {
        let responseJSON = result;
        console.log(responseJSON);
      });
    }

变更功能

  onChange = async (e) =>{
      this.setState({[e.target.name]: e.target.value} );
      console.log(this.state);
    }

1 个答案:

答案 0 :(得分:1)

状态201已创建-表示成功的POST请求。状态200是GET请求的成功代码