admin管理员组

文章数量:1633739

React 路由 踩坑 编程式路由失效

遇到的问题

当在路由组件里面使用函数式编程 路由时会无法跳转 但浏览器地址已经更改。

问题原因

书写了多个<BrowserRouter></BrowserRouter>标签导致

问题详细描述

首先我在App组件里面已经书写了<BrowserRouter></BrowserRouter>标签,然后我跳转到Message组件,在Message组件再次跳转时又写了一层<BrowserRouter></BrowserRouter>标签,导致了编程式路由的跳转失败。

解决办法

将路由组件的<BrowserRouter></BrowserRouter>删除,只在App组件包裹即可。

目录结构

本文标签: 路由程式React踩坑