在React中,可以使用react-router-dom库来实现页面的重定向。要在react confirmAlert中重定向到另一个页面,可以按照以下步骤进行操作:
npm install react-router-dom
Redirect
组件和Route
组件:import { Redirect, Route } from 'react-router-dom';
redirectTo
:state = {
redirectTo: null
};
redirectTo
的值为目标页面的路径:confirmAlert({
title: 'Confirm to submit',
message: 'Are you sure you want to redirect?',
buttons: [
{
label: 'Yes',
onClick: () => {
this.setState({ redirectTo: '/target-page' });
}
},
{
label: 'No',
onClick: () => {}
}
]
});
render
方法中,使用Redirect
组件将页面重定向到redirectTo
指定的路径:render() {
if (this.state.redirectTo) {
return <Redirect to={this.state.redirectTo} />;
}
// 组件的其他渲染逻辑
}
这样,当用户点击确认按钮时,页面将会重定向到/target-page
路径。
关于React的路由和重定向的更多信息,可以参考腾讯云的产品介绍链接:React Router。
领取专属 10元无门槛券
手把手带您无忧上云