我怎样才能将用户重定向到一个NOMATCH组件,当我在嵌套路线阵营路由器V4?阵营路由器V4全球不匹配嵌套航线童车
这里是我的代码:
import React from 'react';
import ReactDOM from 'react-dom';
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
import {
BrowserRouter as Router,
Route,
Switch
}
from 'react-router-dom';
import Website from './website/Website';
const Register = ({ match}) => {
return (
<div>
<Route exact path={match.url} render={() => {return <h1>Register</h1>} } />
<Route path={`${match.url}/detail`} render={()=>{return <h1>Register Detail</h1>}} />
</div>
)
}
const App =() => (
<Router>
<Switch>
<Route exact path="/" render={() => {return <h1>Home</h1> }} />
<Route path="/register" component={Register} />
<Route component={() => {return <h1>Not found!</h1>}} />
</Switch>
</Router>
);
ReactDOM.render(
<App/>, document.getElementById('root'));
你可以看到,下面有一个注册路线NOMATCH,但我不想用我的子组件注册相同的路由映射。这样,如果我去/注册/未注册匹配页面只显示空白,因为不输入NoMatch路由。
我该如何映射一个全球NOMATCH没有指定我的孩子的路线?我不想将这种责任传递给子组件。
谢谢。
您将需要创建特定的,注册总会渲染不管它里面有一个匹配的子路径或无。所以你需要创建为 –
@ReiDien处理程序。如果我的理解,我需要做的就是创建一个“抽象的”组件encapsuling的NOMATCH处理......我是谁吧?谢谢 – yurikilian