Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应登录后新建路由器_Javascript_Reactjs_Redux - Fatal编程技术网

Javascript 反应登录后新建路由器

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((存储)=>{

我在React中遇到路由器问题,登录后,我将Redux中的类型状态从0更改为1,然后在我的应用程序文件中进行切换,但出现错误

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);