使用react-transition-group完成路由动画的切换

最新推荐文章于 2024-05-17 13:52:13 发布

VIP文章不想写bug的菜鸟前端

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量761

点赞数

分类专栏： React 文章标签： javascript react

本文链接：https://blog.csdn.net/qq_18998575/article/details/115640882

版权

使用react-transition-group完成路由动画的切换 · 从上到下的页面切换效果

- 首先我们的原始路由文件应该是这样的

首先我们的原始路由文件应该是这样的

const AppRouter = () => {
   
  const {
    isLogin } = user();
  const handleRouter = () => {
   
    return isLogin() ? <Redirect to="/home" /> : <Redirect to="/login" />;
  }
  return (
    <BrowserRouter>
      <Provider store={
   store}>
        <Switch>
          <

最低0.47元/天解锁文章

优惠劵

不想写bug的菜鸟前端

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用react-transition-group完成路由动画的切换

使用react-transition-group完成路由动画的切换 · 从上到下的页面切换效果首先我们的原始路由文件应该是这样的首先我们的原始路由文件应该是这样的const AppRouter = () => { const { isLogin } = user(); const handleRouter = () => { return isLogin() ? <Redirect to="/home" /> : <Redirect to="/login"
复制链接

扫一扫