回答情况：
提问时间：
问题标签：
我遇到了nextjs + react-animation-group的麻烦，我不得不按照文档来实现，但不起作用，我需要在2.5秒内将一个组件从不透明度0动画到1。下面是我的测试： https://codesandbox.io/s/transition-group-u5htd 你可以看到“动画div”立即出现，而不是不透明的过渡，有什么想法如何解决？ Thx全部
浏览 36提问于2020-03-24得票数 2
回答已采纳
我正在尝试让一个组件在React中有条件地呈现，并在它呈现时滑动它 包： "react": "^16.8.6",
"react-transition-group": "^4.0.1", 代码片段： {
浏览 27修改于2019-05-25得票数 0
回答已采纳
对于React和react-transition-group，我还是个新手。我正在制作一个非常简单的应用程序，可以显示一天中的一个单词，但我在制作信息卡的动画时遇到了一些问题。问题是，使用react-transition-group时，您必须在组件呈现时设置CSS类名。但我不知道组件需要退出哪个方向，直到它已经被渲染之后。这意味着有时组件会以错误的方式退出。/words.json';
import { TransitionGroup, CSSTransition } from 'react-transition-grou
浏览 0修改于2019-03-27得票数 1
/node_modules/primereact/components/dropdown/DropdownPanel.js"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.
浏览 21修改于2021-03-14得票数 6
回答已采纳
我尝试在状态改变和元素挂载时使用动画，尝试了React Transition Group文档中提到的方法，但失败了。 我有一个类似下面这样的UI： ? 中心圆项目是活动项目，并在用户选择其他项目时更改。 我希望当项目更改时fadeIn和fadeOut动画效果。 创建了代码codesandbox link的示例 以下是一段代码： jsx： <TransitionGroup> <CSSTransition key={ind
浏览 29修改于2019-04-28得票数 1
回答已采纳
因此，我尝试使用react- transition -group来为应用程序的不同部分之间的过渡设置动画效果。 return (
浏览 18提问于2021-04-11得票数 1
我有一个登录表单，其中包括2个选项“登录与电子邮件”和“登录与电话号码”，我有一个按钮，在这两个选项之间切换。它们都只是同一组件中的输入。我只想在每一次重新渲染时都设置动画。 render() { in={this.state.ru
浏览 1修改于2020-01-28得票数 0
我有一个关于反应转换组的问题。由于某些原因，路由器交换机上的淡入和淡出不起作用。我已经阅读了文档并在我的应用程序中实现了它。 不知道我的代码出了什么问题。 我的React代码： const App = () => ( <Menu /> <CSSTransition classNames={
浏览 13提问于2019-06-04得票数 0
下面是我的代码：import Transition from 'react-transition-group/Transition
浏览 0提问于2018-05-03得票数 1
我正在使用react-transition-group在react-router中的页面之间生成传输动画。如何在不出错的情况下进行动画制作import { TransitionGroup, CSSTransition } from 'react-transition-group
浏览 12修改于2020-05-22得票数 0
我在试着让componentWillLeave打个电话但我没找到。调用了componentWillAppear，但我无法调用前者。我看到的大多数响应都要求确保回调被调用，我就是这么做的。如果有什么不同的话，我也在使用React路由器。任何帮助都将不胜感激。import { TweenMax } from 'gsap';
import { Animated } from '../..
浏览 0提问于2017-06-15得票数 0
我正在尝试使用react-transition-group来为两个组件的进入/退出设置动画。
浏览 11提问于2019-10-10得票数 0
回答已采纳
我在react中使用动画库react-transition-group，使用<TransitionGroup>和<CSSTransition>制作待办事项列表的动画，如下所示 <ul>
<TransitionGroup
浏览 53修改于2021-11-07得票数 0
我正在使用React，并尝试使用React-transition- Fade创建一个React-transition-group组件，以根据状态中存储的条件淡入和淡出元素：importReact from "react";import { CSSTransition } from "react-transition-group
浏览 3修改于2018-08-10得票数 4
回答已采纳
/actions';
class FeatureCarousel
浏览 0提问于2017-11-03得票数 3
问题是，当我更改列表中项的键时，react-transition-group会将其视为删除/添加并触发动画。这里是我的问题:我如何告诉react-transition-group新的ID属于旧的项，这样它就不会触发更新？
浏览 24提问于2019-10-10得票数 0
回答已采纳
Component } from 'react';import TransitionGroup from "react-transition-group
浏览 2提问于2017-07-28得票数 3
是我做错了什么，还是react-transition-group不支持嵌套路由？
谢谢
浏览 14修改于2020-05-09得票数 0
结果是在node_modules/@types/react-transition-group/TransitionGroup.d.ts文件中 type TransitionGroupProps/node_modules/@types/react-transition-group/TransitionGroup.d.ts:16:30
TS2707: Generic type 'ReactElement/node_modules/@
浏览 0提问于2019-02-15得票数 9
/containers/PreviewPanel";
class App extends
浏览 9提问于2020-05-26得票数 0
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号