react-router-dom的Switch匹配顺序

从上到下匹配, 一旦匹配到了, 就不往下匹配了

错误页面的配置, 就是上面都无法匹配到, 就匹配错误页面

<Route component={ ErrorPage } />

class App extends React.Component {
	render () {
		let LayoutRouter = (
			<Layout>
				<Switch>
					<Route exact path="/" component={ Home } />
					<Route path="/product" component={ ProductRoute } />
					<Route path="/product-category" component={ ProductRoute } />
					<Route path="/order/index" component={ OrderList } />
					<Route path="/order/detail/:orderNumber" component={ OrderDetail } />
					<Route path="/user/index" component={ UserList } />
					<Redirect exact from="/user" to="/user/index" />
					<Redirect exact from="/order" to="/order/index" />
					<Route component={ ErrorPage } />
				</Switch>
			</Layout>	
		);
		return (
			<Router>
				<Switch>
					{/* login是单独的页面, 不需要使用模板页面layout */}
					<Route exact path="/login" component={ Login } /> 
					<Route path="/" render={ (props) => LayoutRouter }/> 	
				</Switch>			
			</Router>
		);
	}
}