这个只有粉丝能看,所以知道啥意思就行,组件名,大解释什么的就不改了。(不要问为什么,懒!)
先说一下需求:首页跳到列表页,列表页里面有通过页面和未通过页面,还有一个其他页面。通过页面里有一个通过详情页,未通过里只显示未通过信息,其他页面里有两个选项,可以跳到选项一和选项二页面。
注意:第三方页面使用路由信息用withRouter,路由信息match方法。打印match可以给你帮助
这里写一下地址栏的需求:
list 列表页
list/tong 列表通过页
list/tong/tongdetail 通过的详情页
list/notong 未通过页
list/qita 其他页面
list/qita/qi1 其他一页面
list/qita/qi2 其他二页面
App.js路由配置
<Route exact path="/list" component={Ce} />
<Route exact path={`/list/:page`} component={Ce} />
<Route path={`/list/:page/:id`} component={Ce} />
先说一下list页面,我定义的是 ceshi