在 ReactJS 中获取 api 数据时登录失败？

Question

在后端data是正确的。 但是在前面，即使用户在 ReactJS 中输入正确的用户名和密码，也会login-failed 。

我想我在代码中做错了，我不知道我在哪里做错了。 如果有人可以帮助我解决我想要解决的问题，那就太好了。 非常感谢你。

点 url: http://localhost:8000/api/login

export default class App  extends Component{

  constructor(props) {
      super(props);
      this.state ={
          username: "",
          password: "",
      }
      this.onFormSubmit = this.onFormSubmit.bind(this)
      this.onChange = this.onChange.bind(this)
      //  this.fileUpload = this.fileUpload.bind(this)
  }

  onFormSubmit(values){
    console.log(values);

    const formData = new FormData();
    formData.append("username", values.username);
    formData.append("password", values.password);


      const options = {
          method: 'POST',
          body: formData
      };

      fetch('http://localhost:8000/api/login', options);
  }



 render(){
    return(

    <div>

                           <form class="row contact_form" onSubmit={this.onFormSubmit}>

                                <div class="col-md-12 form-group p_star">
                                    <input type="text" class="form-control" id="name" name="name"
                                        placeholder="Username"/>
                                </div>

                                <div class="col-md-12 form-group p_star">
                                    <input type="password" class="form-control" id="password" name="password"
                                        placeholder="Password"/>
                                </div>

                                <div class="col-md-12 form-group">

                                    <button type="submit" value="submit" class="btn_3">
                                        log in
                                    </button>

                                </div>
                            </form>

    </div>

    )
 }
}

Answer 1

我犯了一点错误。 只需注释掉这一行。 this.onChange = this.onChange.bind(this)