在React-router v4中嵌套路由和动态路由

从我对您的React Router设计的了解中，您似乎正在使用React Router版本4

在这种情况下，您可以在组件本身中指定路由，并利用withRouter进行动态重定向，例如

return (<div>        <Router>          <div> <Route path='/login' component={LoginPage}/> <EnsureLoggedInContainer/>          </div>        </Router>      </div>);

和

import React from 'react';import { connect } from "react-redux";import {withRouter} from "react-router";class EnsureLoggedInContainer extends React.Component{    componentDidMount() {        if ( !this.props.isLoggedIn )        { this.props.history.push('/login');        }    }    render() {        // console.log(this.props);        if ( this.props.isLoggedIn )        { return <Route path='/abc' component={abc} />        }        else        { return null;        }    }}const mapStateToProps = (state,ownProps) => {    return{        isLoggedIn : state.isLoggedIn,        // currentURL : this.props    }}export default connect(mapStateToProps)(withRouter(EnsureLoggedInContainer));