Javascript 在API调用中,如果我单击Submit按钮打开200code成功页面其他方面打开ReactJS中的错误页面404

Javascript 在API调用中,如果我单击Submit按钮打开200code成功页面其他方面打开ReactJS中的错误页面404,javascript,reactjs,api,http-post,Javascript,Reactjs,Api,Http Post,您好,我刚开始学习ReactJS,我已经编写了使用最终用户链接创建一个API调用的全部代码,如果我点击提交按钮打开“Success 200Code page”否则打开“404ERROR page”如何操作请您解释下面代码中的任何人以供参考 import React, { Component } from 'react'; class Regist extends Component { constructor(){ super(); this.state=

您好,我刚开始学习ReactJS,我已经编写了使用最终用户链接创建一个API调用的全部代码,如果我点击提交按钮打开“Success 200Code page”否则打开“404ERROR page”如何操作请您解释下面代码中的任何人以供参考

import React, { Component } from 'react';
class Regist extends Component {
    constructor(){
        super();
        this.state={
            firstName:"",
            lastName:"",
            password:"",
            email:"",
            show:false
        }
    }
    submit(){
       
        let url = "http://3.7.199.212:3000/api/v0/authentication/register";
        let data=this.state;
        fetch(url,{
         method:'POST',
         headers:{
             "Content-Type":"application/json",
             "Accept":"application/json"
         } ,
         body:JSON.stringify(data)
         }).then((result)=>{
            result.json().then((res)=>{
                console.warn("res",res)
            })
         })
    }
    

    render(){
        return(
            <div>

                <input type = 'text' value= {this.state.firstName} name='firstName' placeholder="FirstName"
                 onChange={(data)=>{this.setState({firstName:data.target.value})}}/><br/>

                <input type = 'text' value= {this.state.lastName} name='lastName' placeholder="LastName"
                onChange={(data)=>{this.setState({lastName:data.target.value})}}/><br/>
                
                <input type = 'text' value= {this.state.password} name='password' placeholder="Password"
                onChange={(data)=>{this.setState({password:data.target.value})}}/><br/>

                <input type = 'text' value= {this.state.email} name='email' placeholder="Email"
                onChange={(data)=>{this.setState({email:data.target.value})}}/><br/>

                <button onClick={()=>{this.submit()}} >Submit</button>
              
                
        </div>
        );
    }
}
export default Regist;
import React,{Component}来自'React';
类注册表扩展组件{
构造函数(){
超级();
这个州={
名字:“,
姓氏:“,
密码:“”,
电邮:“,
节目:假
}
}
提交(){
让url=”http://3.7.199.212:3000/api/v0/authentication/register";
让data=this.state;
获取(url{
方法:'POST',
标题:{
“内容类型”:“应用程序/json”,
“接受”:“应用程序/json”
} ,
正文:JSON.stringify(数据)
})。然后((结果)=>{
result.json()。然后((res)=>{
控制台警告(“res”,res)
})
})
}
render(){
返回(
{this.setState({firstName:data.target.value}}}/>
{this.setState({lastName:data.target.value}}}}/>
{this.setState({password:data.target.value}}}}/>
{this.setState({email:data.target.value}}}/>
{this.submit()}}>submit ); } } 导出默认注册表;
首先,欢迎来到React世界:)

您应该在构造函数上绑定
submit
函数。 将其添加到
构造函数
函数中:

this.submit = this.submit.bind(this);

此后,

submit(){
让url=”http://3.7.199.212:3000/api/v0/authentication/register";
让data=this.state;
获取(url{
方法:'POST',
标题:{
“内容类型”:“应用程序/json”,
“接受”:“应用程序/json”
} ,
正文:JSON.stringify(数据)
})。然后((结果)=>{
//如果请求成功,将运行下面的代码
result.json()。然后((res)=>{
控制台警告(“res”,res)
})
}).catch((错误)=>{
//否则这将运行
console.log(错误)
})
}

谢谢您的回复,实际上我的问题是,如果注册信息成功更新,我必须在window show中打开新窗口,如(弹出窗口),然后200code来了,如果它已经存在,那么在我提交注册详细信息时显示406错误窗口谢谢您的回复,实际上,我的问题是,如果注册信息成功更新,我必须在window show中打开新窗口(弹出窗口),如果已经存在信息,则200代码会以其他方式出现,然后在我提交注册详细信息时显示406错误窗口。这可能有帮助吗