react-router v5升级v6 api差异化对比
官方文档地址【https://github.com/remix-run/react-router/blob/main/docs/upgrading/v5.md】1. <Redirect> ------> <Navigate>2. useRouteMatch ------>useMatch3.useHistory ------>useNavigatelet
·
官方文档地址【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
更多推荐
所有评论(0)