美文网首页
react-router的使用指南

react-router的使用指南

作者: 小番茄1009 | 来源:发表于2019-12-28 17:57 被阅读0次

1安装路由:yarn add react-router-dom

2引入包:import { BrowserRouter as Router, Route, Link } from 'react-router-dom'

    注意:BrowserRouter  和HashRouter 为history和哈希值模式的路由

3使用:
    router使用:包裹组件

    link相当于a标签 实现路由的切换功能 to属性指定跳转的路径

    route使用:相当于指定路由的匹配规则,1,path指定路径名字,2,component属性指定要渲染的组件内,3 render属性指定要渲染的内容 可以使用<Redirect />组件实现重定向

相关文章

网友评论

      本文标题:react-router的使用指南

      本文链接:https://www.haomeiwen.com/subject/pjysoctx.html