react-router 未匹配

1.Redirect 匹配当前地址时，重定向到另外一个地址

import React, { Component } from 'react';
import {
    BrowserRouter as Router,
    Route,
    Link,
    Switch,
    Redirect,
} from 'react-router-dom';

const Home = ()=> (
    <div>
        { 'A <Switch> renders the first child <Route> that matches. A <Route> with no path always matches.'}
    </div>
)

const WillMatch = ()=> (
    <div>
        matched!
    </div>
)
const NotMatch = ({ location })=> (
    <div>
        <h3>No Match for { location.pathName }</h3>
    </div>
)
class UnMatched extends Component {
    constructor(props){
        super(props);
        this.state = {

        }
    }
    render() {
        return (
            <Router>
                <div>
                    <ul>
                        <li><Link to='/'>Home</Link></li>
                        <li><Link to='/old-match'>Old Match,to be redirected</Link></li>
                        <li><Link to='/will-match'>Will Match</Link></li>
                        <li><Link to='/will-not-match'>Will Not Match</Link></li>
                        <li><Link to='/also-will-not-match'>Also Will Not Match</Link></li>
                    </ul>
                    <Switch>
                        <Route exact path='/' component={ Home } />
                        <Redirect from='/old-match' to='/will-match' />
                        <Route path='/will-match' component={ WillMatch } />
                        <Route component={ NotMatch }/>
                    </Switch>
                </div>
            </Router>
        )
    }
}

export default UnMatched;