二十三、React Router 6

(一)React Router 6 简介

1.Routes

  • v6 新组件
  • 作用和 v5 的 Switch 类似,用于 Route 的容器
  • Route 只有一个会被匹配,且必须定义 Routes

2.Route

  • componentrenderchildren 都变了
  • 需要通过 element 来指定要挂载的组件

郁子大约 4 分钟笔记React18React Router 6李立超
九、React Router 6 快速上手

(一)概述

1.React Router 以三个不同的包发布到 npm 上

  • react-router
    • 路由的核心库,提供了很多组件、钩子
  • react-router-dom
    • 包含 react-router 所有内容,并添加一些专门用于 DOM 的组件
    • 例如 <BrowserRouter>
  • react-router-native
    • 包括 react-router 所有内容,并添加一些专门用于 React Native 的 API
    • 例如 <NativeRouter>

郁子大约 7 分钟笔记React16.8尚硅谷张天禹React Router 6