官方文档地址【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