[英]React. New Router after login
我在React中使用Router遇到问题,登录后我将Redux中的类型状态从0更改为1,然后在我的App文件中进行切换,但是出现错误
Warning: [react-router] You cannot change <Router routes>; it will be ignored
这是我的index.js,如果用户登录,我想更改所有Route链接(登录工作良好的表单,它们将redux状态类型更改为1):
@connect((store)=>{
console.log(store)
return {
typeUser: store.app.type
}
})
class App extends React.Component{
render(){
switch(this.props.typeUser){
case 0:{
return(
<Router history={browserHistory}>
<Route path={"/"} component={MainPage}></Route>
<Route path={"/login"} component={Login}></Route>
<Route path={"product/:nameProduct/:id"} component={ProductDetails}></Route>
</Router>
)
break;
}
case 1:{
return(
<Router history={browserHistory}>
<Route path={"/"} component={MainPageAfterLogin}></Route>
<Route path={"/login"} component={LoginAfterLogin}></Route>
</Router>
)
break;
}
}
}
}
const app = document.getElementById('app');
ReactDOM.render(<Provider store={store}>
<App/>
</Provider>,app);
您不能更改Router
但是可以更改具有的Routes
配置,因此可以像
class App extends React.Component{ render(){ return( <Router history={browserHistory}> {this.props.typeUser === 0? <User1/>: <User2/>} </Router> ) } } class User1 extends React.Component { render() { return ( <div> <Route path={"/"} component={MainPage}></Route> <Route path={"/login"} component={Login}></Route> <Route path={"product/:nameProduct/:id"} component={ProductDetails}></Route> </div> ) } } class User2 extends React.Component { render() { return ( <div> <Route path={"/"} component={MainPage}></Route> <Route path={"/login"} component={Login}></Route> </div> ) } }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.