react路由常用组件有：1、BrowserRouter，设置路由模式为history；2、HashRouter，设置路由模式为hash；3、NavLink；4、Link；5、Redirect；6、Route；7、withRouter等等。
本教程操作环境：Windows7系统、react17.0.1版、Dell G3电脑。
React路由提供常用组件的详解
组件及其作用：
组件 作用路由模式BrowserRouter约定模式 为 history，使用 HTML5 提供的 history API 来保持 UI 和 URL 的同步路由模式HashRouter约定模式 为 hash，使用 URL 的 hash 来保持 UI 和URL 的同步声明式跳转NavLink声明式跳转 还可以约定 路由激活状态声明式跳转Link声明式跳转 无激活状态重定向Redirect重定向 ~~ replace匹配并展示Route匹配组件，并展示组件。即匹配成功后，组件立即被替换成匹配的组件排他性匹配Switch排他性匹配。如果不想使用包容性，那么使用Switch。高阶组件withRouter把不是通过路由切换过来的组件中，将 history、location、match 三个对象传入props对象上（高阶组件）
结构
BrowserRouter|HashRouter
App（或其它组件）
NavLink|LinkRouteRedirect子组件NavLink|LinkRoute…
BrowserRouter
属性 类型 作用basenamestring所有位置的基本URL。如果您的应用是从服务器上的子目录提供的，则需要将其设置为子目录。格式正确的基本名称应以斜杠开头，但不能以斜杠结尾getUserConfirmationFunction用于确认导航的功能。默认使用window.confirm。
Route
属性 类型 作用pathstring |object路由匹配路径。没有path属性的Route 总是会 匹配exactboolean为true时，要求全路径匹配(/home)。路由默认为“包含”的(/和/home都匹配)，这意味着多个 Route 可以同时进行匹配和渲染componentFunction |component在地址匹配的时候React的组件才会被渲染，route props也会随着一起被渲染renderFunction内联渲染和包装组件，要求要返回目标组件的调用
Link
属性 类型 作用tostring | 对象{pathname:,search:,hash:}要跳转的路径或地址replaceboolean是否替换历史记录
NavLink
属性 类型 作用tostring|对象{pathname:,search:,hash:}要跳转的路径或地址replaceboolean是否替换历史记录activeClassNamestring当元素被选中时，设置选中样式，默认值为 activeactiveStyleobject当元素被选中时，设置选中样式
Switch
该组件用来渲染匹配地址的第一个Route或者Redirect，仅渲染一个路由，排他性路由,默认全匹配(场景：侧边栏，引导选项卡等)
属性 类型 作用locationstring object
childrennode
Redirect
该组件用来渲染匹配地址的第一个Route或者Redirect，仅渲染一个路由，排他性路由,默认全匹配(场景：侧边栏和面包屑，引导选项卡等
属性 类型 作用fromstring来自tostring object去向pushboolean添加历史记录exactboolean严格匹配sensitiveboolean区分大小写
【相关推荐：Redis视频教程】
以上就是react路由有哪些常用组件的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2935588.html
