添加react子页面

2018-03-29  本文已影响0人  耗纸锅

目标:添加“查看任务”的子页面。

如:devstatic.meili-inc.com:9999/titans/index.html#/enzo/caseTask?_k=a2enfc。解决方式:

1)新增页面,页面中定义默认export。如:export default EnzoCaseTask

2)pages里增加路由:

import EnzoCaseTask from 'views_path/enzo/enzo/caseTask' 。其中,目录结构中会默认寻找入口文件index.js,故需手动指定

。其中,Route的path可自行定义,仅需和其他path不同即可。

3)this.context.router.push({pathname: '/enzo/caseTask',query:{caseId:this.state.caseId}});。其中,pathname为指定的路由路径,query中带请求参数

4)EnzoTest.contextTypes = {

    router: PropTypes.object

};。其中,EnzoTest为页面default export。

上一篇下一篇

猜你喜欢

热点阅读