首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

react-router 4 嵌套路由实现

问题

我们没用使用官方提供的react-router-config,而是自己实现了一套。问题在于,自己实现的不支持嵌套路由,于是我周末想了想,进行了改造

route

想支持却没有嵌套功能的路由:

usage

map

解决

首先,我觉得router的配置文件应该是一个数组,这样有顺序。其次,我看了上面 map 部分的代码,其实也是把它转化成数组来操作的。(我在尝试之后觉得用对象实在太麻烦,每用一次就要转义一次)。既然如此,我就直接用数组了。

route

既然要实现嵌套路由,所以嵌套的部分必然也是通用的数据结构,这样才能进行调用。

check

原先的 map 我发现和 usage 部分有点重复,所以只保留一个校验功能

usage

然后,问题就顺利解决了

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180513G1JWWR00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券