React-Router-dom路由器

  • Routes
    Routes是对路由整体控制的一个组件,所有的路由都要写到Routes的标签当中

    <Routes>
      <Route path="/" element={<AppLayout />} />
      <Route path="/login" element={<Login />} />
    </Routes>
    
    attribute描述
    children用于编译子级路由
    location所有路由path统一额外添加的前缀
  • Route
    Route用来编译每一个路由,将路径和组件一一对应

    <Route path="/login" element={<Login />} />
    
    attribute描述
    path路由路径
    element路由组件

    在 CodeSendBox 中尝试

    path属性传入路径,在@5版本中会进行模糊查询,这样路由必须按照一定顺序排列,而在@6版本中则不需要排序
    element属性传入路由组件时需要传入组件标签,React-Router-dom5中传入对应字符串

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值