import React from 'react';
import {Redirect} from 'react-router-dom';
class User extends React.PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            isLogin: false
        }
    }
    render() {
        const user = (
            <div>
                <h1>用户界面</h1>
                <p>用户名: yangbuyiya</p>
                <p>密码: 666666</p>
            </div>
        );
        const login = <Redirect to={'/login'}/>
        return this.state.isLogin ? user : login;
    }
}
export default User;

import React from 'react';
class Login extends React.PureComponent {
    render() {
        return (
            <div>Login</div>
        )
    }
}
export default Login;

import React from 'react';
import Home from './components/Home'
import About from './components/About'
import User from './components/User';
import Login from './components/Login';
import Other from './components/Other';
import {BrowserRouter, Link, Route, Switch} from 'react-router-dom';
class App extends React.PureComponent {
    render() {
        return (
            <div>
                <BrowserRouter>
                    <Link to={'/home'}>Home</Link>
                    <Link to={'/home/about'}>About</Link>
                    <Link to={'/user'}>User</Link>
                    <Switch>
                        <Route exact path={'/home'} component={Home}/>
                        <Route exact path={'/home/about'} component={About}/>
                        <Route exact path={'/user'} component={User}/>
                        <Route exact path={'/login'} component={Login}/>
                        <Route component={Other}/>
                    </Switch>
                </BrowserRouter>
            </div>
        )
    }
}
export default App;