使用json进行身份验证并有条件呈现的React按钮
我正在尝试在React中创建一个按钮,该按钮执行“如果“/backend\u authentication”返回true,则继续进入下一页,否则不继续进入下一页”。我该怎么做 注意:我只是想知道如何对按钮进行编码。我不需要改变取数使用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
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,所以请看这里: