我正在使用React，并尝试使用React-transition- Fade创建一个React-transition-group组件，以根据状态中存储的条件淡入和淡出元素：importReact from "react";import { CSSTransition } from &
浏览 3提问于2018-08-09得票数 4
回答已采纳
我有以下代码：import { BrowserRouter, Route, NavLink } from "react-router-dom";> </AnimatePresence> );当<Hi/>和<
浏览 1提问于2020-05-17得票数 5
下面的代码触发react中的弹出窗口，该弹出窗口在用户单击界面中的新订单按钮时进入。有一个按钮，当单击时，弹出窗口退出，但没有动画 export const NewOrder = () => { </div>
{selected && <NewOrderForm />}
浏览 12提问于2020-03-25得票数 0
1回答
我正在使用react-transition-group的标签在使用react-router-v4的路由之间创建动画。我使用标签在我的代码中根据状态的变化在路由之间切换。我遇到的问题是，当a被触发时，组件会立即卸载，然后才有退出动画播放的时间。新管线将正确设置动画。我试图通过在React Tra
浏览 11提问于2019-07-25得票数 2
我创建了一个自定义的Modal。在组件安装中，我将className设置为“可见”，并设置了一个简单的不透明度: 1。由于模态有一个过渡，我还想在组件的卸载中放置一个透明度为0的className“消失”。是否有可能在卸载之前等待关闭的转换，并执行以下操作： useEffect(() => { setClassname
浏览 17提问于2021-11-19得票数 0
按下按钮后，状态会用this.setState({})和DOM元素重新呈现.如何激活这种状态的变化？
浏览 5提问于2020-03-23得票数 0
回答已采纳
我的eCommerce应用程序中有一个购物车组件。我想在阵列中添加或删除产品时制作动画。但是当状态改变时，它会完全重新映射 从零开始。制作我想要的东西的最好方法是什么(第一次简单地映射它，并且只在状态改变时更改单个组件)？提前谢谢你。
浏览 22提问于2021-03-01得票数 1
回答已采纳
当用户打开和关闭组件时，我正在尝试使我的模式组件具有动画效果。模态组件使用Portal在页面上挂载和卸载，我使用react-transition-Group库中的CSSTransitionGroup对挂载和卸载进行动画处理。如果我为Portal使用一个基于类的组件，一切都可以正常工作。React Hooks A
浏览 26提问于2019-04-25得票数 1
回答已采纳
演示我的问题的视频：
我有一个简单的应用程序，您可以添加卡到两个不同的行。当一张卡片被添加到一行时，我使用react-transition-group来触发一个"enter“动画。但是，我还安装了react-beautiful-dnd，以便在行之间启用拖放卡，并重新排序行本身。但是当一张卡片被移动到一个新的行，或者当行被重新排序时，一些卡片有他们的“进入”动画火，这看起来
浏览 0提问于2020-02-23得票数 9
回答已采纳
我正在使用react-transition-group在react-router中的页面之间生成传输动画。当我不使用nodeRef={nodeRef}动画时，效果很好，但我得到了这个错误：当我使用</em
浏览 12提问于2020-05-22得票数 0
1回答
我想使用淡入淡出过渡来显示一个带有加载动画的覆盖图，但是淡入淡出组件只处理不透明度，元素仍然在那里。我想创建一个自定义动画，以确保在淡入之前，覆盖元素不会呈现在我的内容之上。我尝试自己安装react-transition-group来创建一个，但每次我尝试导入它时，都会尝试进入material-ui节点模块并从那里加载它。如何更新现有的转换，或者能够从react-transition-group组件创建自己的转换
浏览 1提问于2018-03-16得票数 2
我有一个小的反应项目，用户可以添加笔记到行，然后播放MIDI音频的笔记，已经添加(使用)。所选的Notes也应该使用动画。我的问题是，这些特性(MIDI /动画)中只有一个能同时工作，而哪个特性依赖于父组件key属性。will not perform an animation when adding / removing notes
If `key` = `rowIndex`, react-transition-grou
浏览 5提问于2020-02-11得票数 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
所以，我有一小部分代码，其中我试图添加一个动画作为Tooltip Nodes的包装器。但也许我做错了什么，因为在mount期间，我在屏幕上看不到任何animation。import React, { PureComponent } from 'react' <
浏览 21提问于2018-12-18得票数 2
回答已采纳
当用户添加条目时，会发送API请求创建新条目，但也会将条目添加到列表中，并使用临时ID。API返回后，会将条目的ID替换为来自后台的实际ID。问题是，当我更改列表中项的键时，react-transition-group会将其视为删除/添加并触发动画。这里是我的问题:我如何告诉react-transition-group新的ID属于旧的项，这样它就不会触发更新？
浏览 24提问于2019-10-10得票数 0
回答已采纳
我使用中的折叠和抽屉在移动网站上创建导航。导航有很多。折叠和抽屉都使用动画的过渡。转换由react-transition-group提供。
为了提高响应性，我计划使用无过渡的折叠和抽屉(我不介意没有动画)。有没有
浏览 3提问于2018-02-22得票数 4
回答已采纳
对于React和react-transition-group，我还是个新手。我正在制作一个非常简单的应用程序，可以显示一天中的一个单词，但我在制作信息卡的动画时遇到了一些问题。它的工作原理就像一个图像传送带。如果用户单击左箭头，则当前内容滑向右侧，新内容从左侧滑入。如果用户单击向右箭头，则当前内容滑向左侧，新内容从右侧滑入。问题是，使用react-transition-group时
浏览 0提问于2019-03-26得票数 1
我开发了一个自定义的React组件库(16.4)和Webpack 4. Config被弹出并通过git+ssh://git@bitBucket.org导入到其他项目中.在package.json上。当我在其他项目中使用这个库时，只有一个组件不能工作，它是一个使用(Jed )的select输入开发(Jed)，它在单击时崩溃。所有应用程序崩溃，我有以下错误：
未知错误:最小化的React错误#188
浏览 0提问于2018-11-29得票数 0
4回答
动画过渡示例对我来说似乎有点令人费解，因为它描述了淡入淡出相同的组件以及调整背景颜色。我正在尝试将这种技术应用于一个更真实的例子，一个组件淡出，另一个组件淡入，但是我不能让它正常工作(它似乎只淡出第一个组件，然后第二个组件弹出，并且这种转换只以一种方式起作用(后退按钮不会导致转换)。以下是我的代码，它使用了示例中的MatchWithFade的精简版本：impo
浏览 3提问于2016-12-21得票数 13
在this page的第一部分之后，我尝试对一个侧边栏组件进行动画处理。当我执行此操作时，组件不是动画，而是简单地挂载/卸载。组件SidePage如下： import React from "react"
浏览 21提问于2019-05-09得票数 0
云服务器
ICP备案
云直播
腾讯会议
实时音视频
腾讯云开发者
