mini-react-router:手撕原始码系列三react-router简单实现,一步一步手撕单页应用路由的实现原理

时间:2024-04-12 02:31:58
【文件属性】:

文件名称:mini-react-router:手撕原始码系列三react-router简单实现,一步一步手撕单页应用路由的实现原理

文件大小:60KB

文件格式:ZIP

更新时间:2024-04-12 02:31:58

系统开源

React路由的作用 可以将组件映射到路由上,将对应的组件渲染到所需渲染的位置。根据路径的变化重新渲染组件。 react路由的两种实现方式: HashRouter:利用hash实现路由切换 BrowserRouter:利用h5 Api实现路由的切换 需要考虑的问题 使用context跨组件传递history , location , match属性传递给包裹的组件。 react路由的两种实现方式 HashRouter。利用hash实现路由切换 浏览器路由器。利用h5 Api实现路由的切换


【文件预览】:
mini-react-router-master
----template.html(224B)
----src()
--------UserDetail.jsx(262B)
--------home.jsx(153B)
--------userList.jsx(567B)
--------user.jsx(875B)
--------index.jsx(1022B)
--------profile.jsx(154B)
--------userAdd.jsx(278B)
----lib()
--------route.jsx(1KB)
--------HashRouter.jsx(917B)
--------Redirect.jsx(466B)
--------Switch.jsx(849B)
--------context.js(124B)
--------Link.jsx(625B)
--------index.js(225B)
----build()
--------webpack.config.js(1KB)
----.gitignore(58B)
----readme.md(598B)
----package-lock.json(297KB)
----package.json(1KB)

网友评论