美文网首页
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