美文网首页
添加react子页面

添加react子页面

作者: 耗纸锅 | 来源:发表于2018-03-29 21:58 被阅读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。

    相关文章

      网友评论

          本文标题:添加react子页面

          本文链接:https://www.haomeiwen.com/subject/nbivcftx.html