<div>
<ul>
<li>
<Link to={this.fatherPath + "/aaa"}>aaa</Link>
</li>
<li>
<Link to={this.fatherPath + "/bbb"}>bbb</Link>
</li>
<li>
<Link to={this.fatherPath + "/bbb/ccc"}>ccc</Link>
</li>
</ul>
<Switch>
<Route path={this.fatherPath + "/aaa"}>
<div>aaa</div>
</Route>
<Route exact path={this.fatherPath + "/bbb"}>
<div>bbb</div>
</Route>
<Route path={this.fatherPath + "/bbb/:id"}>
<div>ccc</div>
</Route>
</Switch>
</div>
此處需要注意的是第二個Router边败,需要加exact屬性减途。第三個路由才能正確匹配到/bbb/ccc,否則路由匹配到/bbb就不再往下匹配了舒萎⌒琢蓿或者把第二第三個路由調(diào)換位置,也可以正確匹配到ccc。
測試第二個路由如果寫成/bbb(/:id)虱肄,什么都匹配不到致板,還在研究這種匹配方式。