使用json进行身份验证并有条件呈现的React按钮

使用json进行身份验证并有条件呈现的React按钮,json,function,reactjs,button,conditional,Json,Function,Reactjs,Button,Conditional,我正在尝试在React中创建一个按钮,该按钮执行“如果“/backend\u authentication”返回true,则继续进入下一页,否则不继续进入下一页”。我该怎么做 注意:我只是想知道如何对按钮进行编码。我不需要改变取数 class Login extends Component { handleClick(event) { fetch('/backend_authentication') .then(res => res.json()) } render() { retur

我正在尝试在React中创建一个按钮,该按钮执行“如果“/backend\u authentication”返回true,则继续进入下一页,否则不继续进入下一页”。我该怎么做

注意:我只是想知道如何对按钮进行编码。我不需要改变取数

class Login extends Component {

handleClick(event) {
fetch('/backend_authentication')
.then(res => res.json())
}

render() {
return (
<div>       
         <LinkContainer to='/Homepage'>
             <Button onClick={this.handleClick} 
               type="submit"> /> 
              </Button>
         </LinkContainer>
</div>
);
}
}
类登录扩展组件{
handleClick(事件){
获取('/backend\u身份验证')
.then(res=>res.json())
}
render(){
返回(
/> 
);
}
}

当您请求身份验证时,您可能会收到一些响应对象,因此,请检查响应数据是否成功,如 if(response.status==ok)
然后重定向到下一个仪表板页面;否则再次请求凭据

当您请求身份验证时,您可能会收到一些响应对象,因此,请检查响应数据是否成功,如 if(response.status==ok)
然后重定向到下一个仪表板页面;否则就要再次索要证件了

@uğuraydın为什么<代码>获取很好。。。OP不需要一个完全不同的包来完成他们想要的。我只是想弄清楚如何编写这个if语句,而不是仅仅为了建议而更改Fetch,它有适合您任务的强大功能。看起来您正在使用react router,请看这里:@uğuraydın为什么<代码>获取很好。。。OP不需要一个完全不同的包来完成他们想要的任务。我只是想弄清楚如何编写这个if语句,而不是仅仅为了建议而更改Fetch,它具有适合您任务的强大功能。看起来您正在使用react router,所以请看这里: