美文网首页
react路由跳转

react路由跳转

作者: 田野的海螺 | 来源:发表于2018-09-19 14:37 被阅读0次

1,菜单目录中 加入对应子目录

默认指向/drs/tenantManage/index.js文件

<Menu>

....(    其他目录省略)
    <MenuItem key="tenantManage"  style={{ display:'block' }}>         <Linkto="/drs/tenantManage">                                                                <Icon type='api' /><span className="nav-text">  {i18n.TenantManage}</span></Link>                                                                                                    </MenuItem> </Menu> 

2,面包屑路径(path和上面key对应)

默认指向/controllers/drs/index.js文件,

<Route path="tenantManage" breadcrumbName={i18n.TenantManage} getComponent={function (nexState, callback) { import('./controllers/drs').then(m => { callback(null, m['TenantManage']); }) }} />

/controllers/drs/index.js中申明TenantManage指向那个contral


export {default as TenantManage} from './tenantManage'

那么tenantManage文件里面就可以写对应模块的逻辑了,模块化管理

相关文章

网友评论

      本文标题:react路由跳转

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