超级会员免费看
在React Hooks + MobX + axios + react-router-dom v6 + antD项目中，作者遇到二级路由配置的挑战。如何在路径"/"时重定向到"/home"？通过尝试和错误，作者发现不能简单地在组件后面直接使用。这导致了不必要的重定向和性能问题。最终，通过在父路由的`children`属性定义子路由，并在`Route`组件中使用`element`和`defaultIndex`属性，成功实现了正确的重定向，解决了多级路由嵌套的默认子路由问题。
最近小新在写一个基于React Hooks+Mobx+axios+react-router-dom v6+antD的前端项目，在进行二级路由配置时遇到了一些问题。
path：" / " 时，渲染组件<Layout />；
path：" / " 时，重定向到Layout的子组件Home，路径为 " /home "。
这个需求看上去非常简单，如果使用Vue的路由表来写的话：
const routes = [
{
path: '/',
React router6--路由表多级路由嵌套的默认子路由问题
于 2022-08-13 22:49:30 首次发布
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
