腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
使用
React
Router
4
和
React
Transition
Group
2.3
的
页面
动画
、
、
我正在
使用
React
Router
4
和
React
Transition
Group
2。*但我无法将其设置为在
页面
更改时进行退出过渡/
动画
。如果我记录转换事件,我只会得到退出
的
事件,它会在我开始
页面
转换时触发。淡入淡出过渡:impo
浏览 1
提问于2017-08-08
得票数 1
1
回答
如何防止在
使用
React
路由器V
4
时立即卸载组件
、
、
、
我正在
使用
react
-
transition
-
group
的
标签在
使用
react
-
router
-v
4
的
路由之间创建
动画
。我
使用
标签在我
的
代码中根据状态
的
变化在路由之间切换。我遇到
的
问题是,当a被触发时,组件会立即卸载,然后才有退出
动画
播放
的
时间。新管线将正确设置
动画
。我试图通过在
浏览 11
提问于2019-07-25
得票数 2
2
回答
react
-
transition
-
group
&
react
路由器refNode
、
、
我正在
使用
react
-
transition
-
group
在
react
-
router
中
的
页面
之间生成传输
动画
。当我不
使用
nodeRef={nodeRef}
动画
时,效果很好,但我得到了这个错误: "findDOMNode在StrictMode中已弃用。请在此处了解有关安全
使用
引用
的
详细信息: fb.me/
react
-strict-m
浏览 12
提问于2020-05-22
得票数 0
1
回答
ReactCssTransitionGroup
使用
React
route.link pageTransition
、
、
、
、
React
.js 下面的
React
.js代码有问题。我试图在
页面
转换之前设置
动画
,
使用
“Reacti-
router
.link”。
和
ReactCSSTransitionGroup。版本
react
:'15.2.1‘
react
addons-css-
transition
group
:'15.2’
react
路由器:'2.6.0‘ 我想得到生命周期事件,所以我可
浏览 2
提问于2016-10-26
得票数 1
1
回答
如何使
React
路由器V
4
路由与
React
转换组一起工作(低级应用编程接口)
从
React
Router
转换到V
4
后,我不能再让
React
Transition
Group
低级V3工作。
React
Router
的
文档显示了一个带有CSS
动画
的
高级API示例,该
动画
不能与低级JS风格一起工作。 有没有人成功或知道让它工作?
浏览 2
提问于2017-06-09
得票数 0
1
回答
如何
使用
react
router
4
实现
动画
、
、
、
我正在
使用
React
Router
v
4
,我在实现
页面
之间
的
转换时遇到了一些困难。我正在
使用
react
-addons-css-
transition
-
group
包,
使用
过渡来显示
动画
,作为官方
的
React
Router
示例。这是我
的
路由器: <Route re
浏览 3
提问于2017-05-18
得票数 2
1
回答
React
路由器CSSTransitionGroup只能在transitionAppear上运行
、
、
路由工作得很好,但是
动画
转换就不能了,只有一个transitionAppear例外(如果我直接打开一个特定
的
url,它就可以在任何
页面
上工作)。我
的
目标是当用户通过单击mainNavBar.jsx组件中
的
Link来更改
页面
时生成
动画
效果。我在这里做错了什么?我
的
项目结构是否正常,或者我是否需要重新安排?我
的
主要app.js组件: import
React
from '
react
'
浏览 19
提问于2020-10-14
得票数 0
1
回答
当组件退出时,为什么CSSTransition没有
动画
?
、
、
、
进入
页面
的
动画
可以,但退出
页面
突然变得阻塞。这是版本:"
react
-
router
-dom":"^4.2.2","
react
-
transition
-
group
":"^4.0.1","
react
":"^16.4.0",const Routes = withRouter
浏览 2
提问于2019-05-22
得票数 0
1
回答
没有匹配位置
的
路由使我
的
路由具有反应性路由器
和
反应过渡组。
我试着用反应性路由器
和
反应过渡组来激活我
的
路线。我有我
的
动画
开关组件,
动画
之间
的
切换组件。import
React
from '
react
';import { CSSTransition, TransitionGroup} from '
react
-<e
浏览 3
提问于2022-08-12
得票数 0
回答已采纳
1
回答
read 18 + CSSTransition出错: TypeError:无法读取未定义
的
属性(读取'baseVal')
、
、
、
、
我收到一个错误,当
动画
路线切换
使用
CssTransition,我找不到任何有用
的
互联网上有关这个问题。也许这里的人能给你点建议。谢谢!
react
: 18.2.0
react
-
transition
-
group
": 4.4.5 问题仅在切换到case/:id路由时才会出现,而且不定期,而且如果手动重新加载
页面
时出现错误,它将没有错误地加载,所有其他路由
浏览 3
提问于2022-10-02
得票数 -1
回答已采纳
1
回答
使用
React
过渡组v2进行路由
动画
过渡
、
、
如何
使用
react
-
transition
-
group
-v2
和
react
-
router
-v
4
在enter上为子节点设置
动画
?例如,我们有包含3个子div节点
的
About组件。class About extends
React
.Component { return ( <div>About</div>
浏览 0
提问于2017-10-23
得票数 1
2
回答
ReactCSSTransitionGroup与reactJS 15
和
ReactRouter
4
、
、
、
、
我想要创建一个反应路由器
的
过渡
动画
,但它似乎不工作(没有过渡)。如下所示,我所做
的
就是创建一个组件FadeRoute,它
使用
ReactCSSTransitionGroup来创建一个
动画
,然后在
react
路由器-dom
的
交换机组件中
使用
它。这里我
的
反应代码 import { BrowserRouter as
Router
, Switch, Route } from "
react
-
r
浏览 0
提问于2017-05-29
得票数 2
回答已采纳
3
回答
动画
反应路由不
使用
<Switch>组件
、
、
、
我正试图为我
的
React
应用程序构建一个简单
的
路由器,它将由一个对象数组生成
的
几个路由
和
一个静态404路由组成。要求每条路线之间
的
过渡必须是
动画
化
的
。我
使用
react
-
router
作为浏览器
和
react
-
transition
-
group
。> 我需要
使用</
浏览 1
提问于2020-12-03
得票数 1
回答已采纳
4
回答
React
路由器v
4
动画
过渡示例
、
、
、
动画
过渡示例对我来说似乎有点令人费解,因为它描述了淡入淡出相同
的
组件以及调整背景颜色。我正在尝试将这种技术应用于一个更真实
的
例子,一个组件淡出,另一个组件淡入,但是我不能让它正常工作(它似乎只淡出第一个组件,然后第二个组件弹出,并且这种转换只以一种方式起作用(后退按钮不会导致转换)。以下是我
的
代码,它
使用
了示例中
的
MatchWithFade
的
精简版本:impo
浏览 3
提问于2016-12-21
得票数 13
1
回答
React
路由器v
4
:
动画
转换跳下
、
、
我尝试
使用
RR
4
和
ReactCSSTransitionGroup建立在路由组件之间
的
淡入淡出转换,以为例。AnimatedTrans.js import
React
from '
react
浏览 3
提问于2017-04-25
得票数 0
回答已采纳
1
回答
dom路由器+
动画
库问题:组件在卸载之前不会
使用
动画
。
、
、
、
我有以下代码:import { BrowserRouter, Route, NavLink } from "
react
-
router
-dom";{{ opacity: 0 }} exit={{ opacity: 0 }} </Ro
浏览 1
提问于2020-05-17
得票数 5
1
回答
响应CSS转换不起作用
、
我是javascript
和
编码方面的新手,希望专业人士能给我建议。我试着用“
react
transition
group
”来实现CSS转换,但是它不起作用。我不明白为什么它不工作:
动画
只是没有出现。这是我
的
代码:import
React
, { Component } from '
react
'; import { BrowserRouter, Route, Switch, Link } from'
react</
浏览 2
提问于2017-09-28
得票数 2
回答已采纳
3
回答
使用
CSSTransitionGroup
和
React
动画
路由转换-路由器v6
、
、
、
我开始
使用
React
路由器v6,并遇到了驱动路由转换
的
问题。主要原因似乎是删除了<Switch>组件。In
react
路由器@v5,这起作用了:import { TransitionGroup, CSS
浏览 11
提问于2020-04-07
得票数 13
回答已采纳
2
回答
ReactCSSTransitionGroup无作用
我已经集成了ReactCSSTransitionGroup,但没有获得
动画
效果。如能提供以下结构错误
的
提示,将不胜感激:importReactCSSTransitionGroup = require('
react
-addons-css-
transition
-
group
'
浏览 8
提问于2016-02-01
得票数 0
回答已采纳
1
回答
React
Router
Change transitionName on按钮点击
、
我已经在我
的
React
-
Router
中添加了CSSTransitionsGroup来创建
页面
过渡。现在,我想根据我点击
的
链接进行不同
的
转换。例如:我总是想
使用
“淡入淡出”,除非我点击了“工作”按钮,然后我想
使用
“滑动左”。我
使用
的
是
React
-
Router
4
,以及来自
的
普通
React
动画
插件。我
的</
浏览 11
提问于2017-06-22
得票数 0
点击加载更多
相关
资讯
13个精选的 React JS 框架
关于 React 路由,这些你必须知道!
2020 年你应该知道的 React 库
react-router 4中离开确认自定义
React的按需载入
热门
标签
更多标签
云服务器
ICP备案
云直播
腾讯会议
实时音视频
活动推荐
运营活动
广告
关闭
领券