react-router

四步走

  • 创建根节点 <BroswerRouter /> 或者 <HashRouter />，分别代表history模式和hash模式
  • 创建路由组 <Routes />
  • 创建路由 <Route />，绑定path和element
  • 创建链接按钮 <Link />，绑定点击去到的路径to

hook

  • useLocation 最常用的，一个对象，包括路径和路由

原理

  • 组件切换：获取当前location，返回不同组件
  • hash：onHashChange() 获取路径更新，window.location.hash 改变路径
  • history：订阅history获取路径更新，window.history.pushState() 改变路径
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容