React Router v6 在非组件内,实现页面跳转

449 阅读1分钟

使用react-dom-router 时发现没有在非组件内跳转的方法 使用useNavigate必须在组件内

以下是在非组件内使用提示

Snipaste_2023-12-26_15-46-08.png

看到一些别人的方法,是自定义路由组件,其实就是模仿了react-dom-router内部代码

Snipaste_2023-12-26_15-47-55.png 具体方法可以参考 juejin.cn/post/708153…

我个人想了一下就是要拿到路由跳转的变量罢了,所以我在App组件(最外侧容器)内把对应的变量暴露出去了

Snipaste_2023-12-26_15-51-30.png 使用的时候一引入这个变量就行了,注意要在App加载后使用,即App组件内代码已经执行,由于是最外面的容器组件,所以一般来说用的时候没啥问题.亲测有效,可以自己试试.