react-router v5升级v6 api差异化对比

官方文档地址【https://github.com/remix-run/react-router/blob/main/docs/upgrading/v5.md】

1. <Redirect> ------> <Navigate>

2. useRouteMatch  ------>useMatch

3. useHistory  ------> useNavigate

let navigate = useNavigate();
navigate(to, { replace: true })

4.useParams  v6版本获取路由地址后面的参数

5.As of v6.0.0-beta.3, the activeClassName and activeStyle props have been removed from NavLinkProps. Instead, you can pass a function to either style or className that will allow you to customize the inline styling or the class string based on the component's active state.

<NavLink
  to="/messages"
- className="nav-link"
- activeClassName="activated"
+ className={({ isActive }) => "nav-link" + (isActive ? " activated" : "")}
>
  Messages
</NavLink>

6.Switch ---->Routes