添加react子页面

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

如: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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容