Javascript 用React发出post请求

在我的React应用程序中，我有一个只有用户名和密码的表单（稍后我还会添加“确认密码”），当提交一个包含JSON的请求时，应该发送一个包含电子邮件和密码的表单

密码只有经过几次检查后才能被接受，如果它通过了所有这些条件，那么它将被接受

render() {
    return (
      <form className="demoForm" onSubmit={this.handleUserInput} >
        .
        .
        .
        .
        <button type="submit" className="btn btn-primary" disabled={!this.state.formValid}>Sign U p</button>
      </form>
    );
  }

handleUserInput = (e) => {
    const name = e.target.name;
    const value = e.target.value;
    this.setState({[name]: value}, () => { this.validateField(name, value) });
    axios.post('****', {
      value
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });
  }

render（）{
返回(
.
.
.
.
签字U p
);
}
handleUserInput=（e）=>{
const name=e.target.name；
常量值=e.target.value；
this.setState（{[name]：value}，（）=>{this.validateField（name，value）}）；
axios.post（“****”{
价值
})
.然后（功能（响应）{
控制台日志（响应）；
})
.catch（函数（错误）{
console.log（错误）；
});
}

---

我使用的是上面提到的axios，我的问题是我不知道应该用什么来代替这个****，我使用的是本地主机。这是一个很好的方法吗？

您应该添加您的通话地址。（即/api/验证用户）

请注意，试着分开你的行动

 onChangeHandler(e) {
    e.preventDefault()
    const { value, id} = e.target
    this.setState({
        [id]: value
    })
}

更新状态，然后提交

onSubmitHandler(e) {
    var self = this;
    e.preventDefault()
    const { userName, password } = this.state;
    // Do validation of password
    axios.post('/api/validateUser', {
       user: userName,
       password: password
    }).then(e => {
        if(e.success){
            console.log("success")
        }
        else if(e.error) {
            console.log("error logging in")
        }
    })
}

---

'***'

应该是一个服务器路由，它将处理您必须自己实现的请求。