Javascript 反应登录后新建路由器
我在React中遇到路由器问题,登录后,我将Redux中的类型状态从0更改为1,然后在我的应用程序文件中进行切换,但出现错误Javascript 反应登录后新建路由器,javascript,reactjs,redux,Javascript,Reactjs,Redux,我在React中遇到路由器问题,登录后,我将Redux中的类型状态从0更改为1,然后在我的应用程序文件中进行切换,但出现错误 Warning: [react-router] You cannot change <Router routes>; it will be ignored 警告:[反应路由器]您无法更改;它将被忽略 这是我的index.js,如果用户登录,我想更改所有路由链接(带有登录的表单工作正常,他们将redux状态类型更改为1): @connect((存储)=>{
Warning: [react-router] You cannot change <Router routes>; it will be ignored
警告:[反应路由器]您无法更改;它将被忽略
这是我的index.js,如果用户登录,我想更改所有路由链接(带有登录的表单工作正常,他们将redux状态类型更改为1):
@connect((存储)=>{
console.log(存储)
返回{
类型用户:store.app.type
}
})
类应用程序扩展了React.Component{
render(){
开关(this.props.typeUser){
案例0:{
返回(
)
打破
}
案例1:{
返回(
)
打破
}
}
}
}
const app=document.getElementById('app');
ReactDOM.render(
,app);
您不能更改路由器
,但您可以更改您拥有的路由
配置,这样您就可以像
类应用程序扩展了React.Component{
render(){
返回(
{this.props.typeUser===0?:}
)
}
}
类User1扩展了React.Component{
render(){
返回(
)
}
}
类User2扩展了React.Component{
render(){
返回(
)
}
}
您不能更改路由器
,但您可以更改您拥有的路由
配置,这样您就可以像
类应用程序扩展了React.Component{
render(){
返回(
{this.props.typeUser===0?:}
)
}
}
类User1扩展了React.Component{
render(){
返回(
)
}
}
类User2扩展了React.Component{
render(){
返回(
)
}
}
@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);