react
文章平均质量分 78
小蓝阿姨
独立开发者
展开
-
react-router-dom v6 useRoutes应用(懒加载多级路由)
文章目录前言代码引入方式最终效果前言本篇文章编辑环境:对应的版本react版本:18.0.0react-dom版本:18.0.0react-router-dom版本:6.3.0由于上一篇写的不是特别好,我就直接重置了这一篇。我就先附上代码了,这次写的比较简洁易懂。整个路由的使用逻辑,其实和vue-router类似,本篇主要是懒加载。这个v6版本的路由依赖有这俩东西值得关注import { useRoutes, Outlet } from 'react-router-dom'原创 2021-11-30 11:01:26 · 9903 阅读 · 2 评论 -
react-router-dom v6的路由懒加载形式,这里写了两种
前言react-router-dom第6版本的这个Route改动的有点小大之前的路由渲染方式是按照// v6版本之前的<Route path={router.path} component = { router.component }/>在v6版本中,这个组件改动有点小大,把component这个属性改成了element,传进去的组件需要使用个尖括号包起来// v6<Route path={router.path} element = { <router.原创 2021-11-29 10:34:50 · 12439 阅读 · 11 评论 -
使用ts+webpack5手把手搭建一个react的环境
前言写这篇博客的首要目的是为了让我自己能更好的掌握住webpack,同时了解脚手架的一个大概原理的一个出发点进行编写的。准备工作包管理工具(yarn或者npm,我使用yarn)一个编辑器(我这边使用vscode)webpack,webpack-cli,webpack-dev-serverreact,react-dom,@types/react,@types/react-domtypescript目录环境配置webpack配置react配置webpack-dev-server配置原创 2021-11-26 14:34:20 · 1143 阅读 · 0 评论