添加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。