如何在react中动画化UI？
在React中实现UI动画化可以通过以下几种方式：
- 使用CSS过渡和动画：React支持使用CSS过渡和动画来实现UI动画化。可以通过在组件的样式中定义过渡效果或动画效果，并通过添加或删除类名来触发动画。
- 使用第三方动画库：有许多第三方动画库可以在React中使用，例如React Transition Group、React Motion、React Spring等。这些库提供了丰富的动画效果和API，可以更方便地实现复杂的UI动画。
- 使用React的动画API：React提供了一些原生的动画API，例如ReactCSSTransitionGroup和ReactTransitionGroup。通过使用这些API，可以实现元素的进入、离开和变换动画。
无论选择哪种方式，以下是一些实践中的建议：
- 组件设计：在动画化UI之前，首先要考虑好组件的设计。将组件分解为更小的可重用部分，以便更好地控制动画效果。
- 性能优化：在进行复杂的UI动画时，要考虑性能问题。使用shouldComponentUpdate或React.memo等优化技术，避免不必要的渲染。
- 响应式设计：考虑到不同屏幕尺寸和设备，要确保动画在各种环境下都能正常显示。
下面是一些腾讯云相关产品和链接，可以在动画化UI开发中使用：
请注意，以上只是一些建议和示例，具体的选择和实现方式取决于具体的项目需求和技术栈。
相关·内容
我正在尝试使用framer-motion的Grid组件创建一个与@chakra-ui/react交互的滑动边框动画。当状态与动画组件位于同一个组件中时，动画就可以工作了。
但是，我希望将状态迁移到ContextProvider，以便可以在布局中的任何地方切换侧栏。一旦我将状态移到上下文中，动画就不再工作了。我知道问题是上下文重渲染它的孩子。然而，我不知道如何使动画工作与ContextProvider。请帮帮我。
如果您想要完整的工作示例，
工作简单示例(如框架-运动文档中的描述)
import { Grid, GridItem, Button } from '@chakra-ui/r
浏览 6提问于2022-02-17得票数 0
回答已采纳
首次在material-ui中使用过渡
想知道是否有人在Materia-Ui react的Slide组件中更改了动画计时功能？
浏览 2提问于2018-09-24得票数 1
1回答
无法使用动画THREE.js属性
、、、、
我希望有一个反应春天动画的一个属性的材料在Three.js。
但是，当我尝试这样做时，我会遇到一个错误：
THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.
下面是我的代码，我试图从6.3到1.3将props.theta动画化：
import React, { useRef, useState, useEffect } from 'react';
import { u
浏览 16提问于2020-07-13得票数 2
回答已采纳
在我的react应用程序的编码过程中，我决定使用语义UI来设计这个应用程序。所以我在我的index.html文件上实现了它。就我个人而言，我更喜欢使用类而不是React语义UI的组件。我需要使用dropdown函数，所以我添加了以下代码： <script language='javascript'>
$(document).ready(function(){
$('.ui.dropdown').dropdown();
});
</script> 一切都很好，下拉菜单在页面第一次加载时被激活。但是当我决定使用react-r
浏览 34提问于2020-10-25得票数 1
我正在尝试创建一个保存按钮(基本上是用来书签屏幕)，以切换动画，无论用户是点击按钮来“保存”一个项目，还是删除“保存”。点击按钮应该调用动画之一，无论是“打开”动画或“关闭”动画。
不幸的是，除了iOS之外，我找不到任何关于在React本机按钮上切换动画的文档。任何想法都将不胜感激。
以下是组件：
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {
StyleSheet,
TouchableOpacity
} from
浏览 1提问于2017-11-14得票数 0
回答已采纳
在我的反应代码中，我试图将createClass转换为ES6类，我在这里挣扎着：
componentDidMount()
{
$(ReactDOM.findDOMNode(this)).draggable();
}
(过去是:转换前的$(this.getDOMNode()).draggable();，并且工作得很好)
我得到的错误是：
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.findDOMNode(...).draggable不是一个函数
我知道draggable()是jQuery UI中的一个函数，所以我尝试在我的
浏览 0提问于2018-04-29得票数 1
回答已采纳
warning.js:36Warning:标签上的未知道具zDepth。从元素中移除这个支柱。
我在试着渲染。但它显示了上述错误。有谁能帮忙吗？
import React, { Component } from 'react';
import Divider from 'material-ui/Divider';
import paper from 'material-ui/Paper';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Mu
浏览 1提问于2016-11-04得票数 1
回答已采纳
我的代码总是在电子控制台中给我一个错误，但是同样的代码在web浏览器中不会给我一个错误：
import React, { Component } from 'react';
import { Router, Route, Link, browserHistory ,hashHistory} from 'react-router'
import { render } from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider
浏览 16提问于2016-09-27得票数 2
回答已采纳
我有一个无状态函数组件(请参阅下面的标题)，它使用React render在呈现时显示一些简单的标题元素。除了没有内部状态之外，Title也不会从它的父组件(GameHeader)接收任何支持。但出于某种原因，每当我从树中的另一个无关组件更新整个应用程序状态时，Title仍然会继续被重新呈现，这会导致React显示动画每次发生不相关的应用程序状态更改时都会运行。
// GameHeader.js
import React from 'react';
import Title from './Title';
import Options from '.
浏览 5提问于2020-11-29得票数 1
1回答
如何在实例化大量控件时不阻塞UI
、、、、
有很多关于如何在WPF中保持UI线程空闲的文章。通常，使用async-await在后台执行长时间的操作。但是当UI生成本身很繁重时，我能做什么呢？
假设我有一个视图模型，它在一个名为" items“的List类型的属性中保存一个项目列表，另一个视图使用绑定到该列表的ItemsControl呈现这些项目，并使用数据模板为每个项目生成ui。我正在从服务器读取信息，当我获取数据时，有某种动画的“忙”指示器，它绑定到视图模型中的IsBusy属性。使用这种方法一切都很好，并且可以保持UI的响应性。
返回数据并完成任务后，我还将为后台任务中的每个项目生成可观察对象(ItemType) (因为还没有
浏览 0提问于2014-09-02得票数 2
我在React应用程序中使用React Material UI的工具提示组件。 import Tooltip from "@material-ui/core/Tooltip";
...
...
<Tooltip title="Add" arrow>
<Button>Arrow</Button>
</Tooltip>
...
... 我想禁用进入和退出动画。如何在最新版本中实现这一点？
浏览 30提问于2020-04-10得票数 3
回答已采纳
我是一名品牌识别和ui/ux设计师，我一直在想如何将我们在dribbble上看到的这些动画实现到原生ios/android和混合系统上。我在after effects和figma上做交互动画。 是否有用于react原生和原生ios /android的库？
浏览 56提问于2019-03-14得票数 0
回答已采纳
双动画不工作，因为类型是一个整数。有Integer动画类吗？或者用另一种方式来做。我不感兴趣的静态动画，但事件驱动(最好是编程)动画。
public static void Swap(UIElement ui1, UIElement ui2, double seconds)
{
var z2 = (int)ui1.GetValue(Canvas.ZIndexProperty);
var z3 = (int)ui2.GetValue(Canvas.ZIndexProperty);
DoubleAnimatio
浏览 4提问于2012-03-26得票数 2
有办法在模拟器中查看UI测试吗？
我正在为一个有动画的小部件编写一些测试，并希望验证我的测试是否正确地触发了动画。
浏览 0提问于2018-08-26得票数 12
回答已采纳
2回答
我正在尝试使用react中的材料UI，我想要一个没有动画的按钮，它是一个从点击按钮到外部的波浪，就像演示的here 相反，我希望它有一个动画，一次填充整个按钮，就像这个按钮here (而不是加载动画，我需要按钮按下一次改变整个按钮的颜色，而不是让颜色变化传播到整个按钮本身。我找不到更好的在线按钮按下的例子，这就是为什么我使用这个)。 我需要对makeStyles()函数进行哪些自定义，或者我可能需要创建任何其他函数？ 任何帮助都将不胜感激！
浏览 28提问于2021-08-10得票数 0
我有一个使用材料的React组件-UI称为'Profile'，使用自定义CSS创建这样的响应字体大小：
let theme = createMuiTheme();
theme = responsiveFontSizes(theme);
theme.typography.h1 = {
fontSize: '5.35rem',
'@media (min-width: 600px)':{
fontSize: '3.0rem',
},
'@media (max-width: 60
浏览 4提问于2020-10-07得票数 0
回答已采纳
3回答
我正在使用React 和Jest来测试我的React/Redux应用程序。
我想在多个测试中测试相同的组件，而不是在每个实例之间共享组件的状态。
就像这样..。
import React from "react";
import {renderWithRedux} from '../testUtils';
import App from "../components/App";
describe("App", () => {
test("does something as expected", a
浏览 0提问于2019-12-09得票数 2
1回答
对编码空间来说相当新。我试着到处寻找这个问题的答案，虽然我找到了很多答案，但没有一个对我有用。
我的问题是，我想使用@Material选项卡组件作为NavBar，而且我只能将选项卡转换成静态链接，但是没有动画或指示器，或者2.保留动画，但在改变页面时没有任何功能。
我已经尝试过、、和更多，以及在每个答案中找到的许多答案。
编辑：是一个Git。
下面是我的NavBar组件，目前在状态#2中，它有动画，但没有功能：
import React from 'react';
import { Paper, Tabs, Tab } from '@material-ui/core&#
浏览 2提问于2018-07-12得票数 7
回答已采纳
我有一个客户列表，并且我更新了我的DataGrid的ItemsSource以包含客户列表。
问题是，在更改ItemsSource之后，线程将所有绑定目标更新为每个customer对象中的值，并且此操作冻结UI超过30秒。
为了解决这个问题，我尝试在另一个Thread中更改ItemsSource属性，但是这个新线程不能访问UI线程拥有的datagrid控件。
如果我将更改ItemsSource的代码放在Invoke方法中，UI将再次冻结。
//The following code is handled in another thread
// Geting a list of Customer
浏览 1提问于2014-11-26得票数 2
1回答
我有我的投资组合与反应-键入-动画为每个页面的标题/标题。在使用状态的页面上，并且键入动画尚未完成键入标题和调用setState时，键入动画将重新启动。
例如，在我的主页上，我将添加一个很好的背景滚动效果，并且我有状态设置来跟踪Y轴上的滚动，所以如果主页加载并向下滚动，标题会在滚动时不断重置并开始键入。它还在我的TicTacToe游戏的页面上这样做，如果你在动画完成之前开始玩游戏，它会重新启动，因为你在TicTacToe板上的位置存储在状态中。
我假设我可能需要使用状态和输入动画来做一些事情。也许以某种方式将动画存储在状态中，并将其传递给您所访问的每一页？我不确定。
下面是主页的一个片段：
浏览 1提问于2022-05-29得票数 0
回答已采纳
1回答
处理活动中的多个动画和视图
、、、、
在我当前的Android应用程序中，我面临的基本问题是，在一个活动中有太多的动画视图。这里的问题是，当我运行我的应用程序时，动画工作并不顺利。一些动画在屏幕上是连续的，其中有些只是一次。但是这些动画都没有像它应该达到的那样流畅地工作来实现一个很好的用户界面。所有的动画都是一个接一个地进行的。我最近被转移到这个应用程序，所以我不能在这里张贴任何图片。此外，布局文件中有超过80个视图，超过一半的视图是可以通过动画看到的，而一些视图是用来在整个应用程序生命周期中连续动画的。我的应用程序是一种完全基于android本机代码的游戏。
这里有几点我应该提一下：
单个布局文件中有80多个视图，所有这些视
浏览 0提问于2018-02-10得票数 2
我正在尝试使用Material-UI选项卡来处理工艺路线，当工艺路线正在工作并显示所选选项卡时，在选项卡之间导航的平滑动画不再起作用。如何将react路由器与Material-UI选项卡一起使用，以保持选项卡动画正常工作？
到目前为止，我在我的HomeHeader.js中有了选项卡，我正在使用这个组件将vale作为道具向下传递，以便更改值，从而更改选定的选项卡。
为了简单起见，我简化了代码，以显示我想要链接的选项卡。
下面是我的代码：
Header.js (带标签的组件)：
import React, { Component } from 'react'
import Prop
浏览 2提问于2018-07-10得票数 4
回答已采纳
在我的React应用程序中，我需要构建一个UI组件，它是一个弧形/径向负载仪表，如下图所示：
其中黑条从0开始，并在0-100之间设置动画到所需的%。
灰色条是静态的，就像背景一样。
我发现了几个开放源码的图形库，它们做了类似的事情，但还不够接近。关于如何在我的react应用程序中使用css构建这种UI，有什么建议吗？此外，如果您知道支持此UI的React库，请让我知道。
浏览 7提问于2018-01-24得票数 0
1回答
长假太久
、、
我使用的是角-ui-模态，它在打开和关闭一个模态时自动应用nganimate类.这导致了各种各样的问题，尤其是在我的自定义css转换完成后，背景需要一段时间才能从dom中移除。这是很难复制的，但基本上我有以下几个方面：
.modal-backdrop{
background-color: black;
opacity: 0;
transition: all 4s ease-out;
&.in{
opacity: 0.8;
}
}
当添加in类时，背景会逐渐消失，但是当模式关闭时，背景会逐渐消失，但是在dom中保留"
浏览 2提问于2015-08-10得票数 1
回答已采纳
2回答
我有一些UI如下所示：
这些列表项目可以是：(1)添加，(2)删除，(3)重新排序。
重新排序不是拖放，而是在单击check/空圆圈图标时发生--选中的项目总是位于列表的顶部。
在React原生()中，有许多从列表中添加/删除项目的动画示例。
但是，我怎样才能使列表的顺序变得生动呢？特别是在我的例子中，它将是两个列表项交换位置。
我见过和其他几个开源项目，但我认为这可能是过火了，因为我不需要拖放。另外，我已经链接到了一些FlatList事件，如onLayout、onContentSizeChange和onScroll，所以我更喜欢一种允许我直接为FlatList的子级动画化的解决方案
浏览 0提问于2018-04-05得票数 2
回答已采纳
2回答
我在React上有一个简单的组件--app。当我回答一个问题时-我的组件重新呈现新的问题，并且我想要有一个问题块的动画。但是，我只有这个组件第一次渲染时的一次性动画。如何在组件的每一次重新渲染上制作动画？
下面是我的沙箱示例--
下面是我的代码：
import { useState } from "react";
import "./styles.css";
const questions = ["1", "2", "3", "4", "5"];
const answers =
浏览 23提问于2021-02-23得票数 0
回答已采纳
我正在学习reanimated，因为它在UI线程上工作，我想实现一个旋转动画。以度为单位旋转(如45度)不起作用，并提示错误。那么，我们如何才能在react-native-v1(版本1)中实现旋转动画呢？
浏览 1提问于2020-07-13得票数 0
1回答
我们有一个用户认证系统的Laravel5.2。
我们使用Angular.js作为UI应用程序，它通过用户会话调用laravel。
使用电子邮件和密码登录用户，然后使用该项目。
但现在我们正在推出一种新产品，并试图遵循微服务体系结构，以使应用程序在不同的团队中解耦、可伸缩和可维护。
使用React创建UI，React将调用新的微服务来完成这项工作。
新的react应用程序的切入点将是仍然旧的应用程序。
用户在旧应用程序中登录，然后切换到新的react应用程序，然后在新API中使用新产品。
用户数据库是相同的，用户可以同时使用这两个产品。
这里的问题是，我们如何在新服务中对用户进行身份验证/授权？
浏览 3提问于2021-10-29得票数 2
1回答
我正在写一个反应应用程序使用的材料- UI和放大UI组件。我想推翻放大主题。
我可以成功地遵循上的解决方案来覆盖自定义CSS文件中的CSS变量。
CustomCss.css
-------------
:root {
--amplify-primary-tint: rgba(89, 210, 188, 1);
--amplify-primary-color: rgba(20, 160, 140, 1);
--amplify-primary-shade: rgba(0, 113, 95, 1);
}
然后，我可以将该文件导入我的应用程序。
App.js
------
import R
浏览 2提问于2021-02-02得票数 6
我想要做的是 我正在尝试创建一个动画间距/填充元素，它可以在键盘显示或隐藏时更改高度，以确保TextInput不会被键盘或避免使用KeyboardAvoidingView的键盘的按钮覆盖。如果按钮要覆盖输入，我只想让这个动画空间改变高度-否则，我不想让间距改变高度。这是设计要求。 我当前的解决方案 我以前可以使用react-native的Animated应用程序接口来实现这一点，但是我希望使用react-native-reanimated来获得在UI线程上运行所有内容的性能优势。我实际上有一个有效的解决方案，但是在动画过程中UI线程下降到50fps左右，所以我假设我做错了什么。 正如您将在下
浏览 23提问于2019-10-17得票数 2
我有一个简单的Animated.View，可以根据用户的手指移动，我的组件看起来像这样： return (
<View
style={styles.container}
>
<PanGestureHandler
ref={this.panRef}
onGestureEvent={this.handlePan}
onHandlerStateChange={this.handlePan}
>
<Animated.Vi
浏览 22提问于2020-01-17得票数 1
编辑，4月19日，
我创建了一个来显示这个问题，当然，沙箱中不会出现这个问题。该代码与我的代码的唯一区别是，我在沙箱示例中复制了Button组件的代码，而在我的应用程序中，Button组件是从一个库(与应用程序属于相同的纱线工作区)导入的。该图书馆由webpack和babel建造，不包括React和资料UI。
externals: {
react: "react",
"react-dom": "react-dom",
"react-router": "react-router",
&
浏览 6提问于2020-04-18得票数 5
如何在我的react应用程序中使用velocity.js UI包效果？使用以下代码，fadeOut动画可以工作，但slideRightIn不能。
import { VelocityTransitionGroup } from 'velocity-react';
import 'velocity-animate/velocity.ui';
class ShowForm extends React.Component {
[...]
render() {
return (
<div>
<VelocityT
浏览 1提问于2016-06-14得票数 0
谁能告诉我如何在我的react应用程序中包含一个动画cdn库，我的意思是如何将其链接起来。我尝试在我的根html(index.html)中链接cdn，但是，我如何将它与正在使用的外部组件文件链接起来？谢谢
浏览 29提问于2020-07-25得票数 0
回答已采纳
3回答
我目前正着手处理。
在文档中的一些CodeSandbox演示(例如)中，导入的东西称为“动画”：
import { Transition, animated } from 'react-spring'
然后像这样使用：
{this.state.items.map(item => styles => <animated.li style={{ ...defaultStyles, ...styles }}>{item}</animated.li>)}
在其他例子中，没有使用这一点：
import { Spring } from 're
浏览 3提问于2018-10-17得票数 6
回答已采纳
1回答
我在React方面是新的，我使用语义ui-react。我在试着用下拉式。
当我想从下拉列表中得到我的值并调用我的函数时。我的事件得到了代理对象。
handleTagChange(e) {
console.log("handleTagChange");
console.log(e);
}
但是，如果我在函数中添加了像test这样的其他东西，那么e.target.value就可以工作，而测试就是代理对象。为什么会这样呢？
handleTagChange(test, e) {
console.log("handleTagChange"
浏览 1提问于2017-01-04得票数 4
回答已采纳
我想在React中禁用Material UI扩展面板的动画。如何禁用应用于扩展面板的所有动画？
尝试覆盖转换，但没有帮助。让我知道你将如何覆盖它。
PS:如果这是不可能的，让我知道任何其他轻量级扩展面板(手风琴)与样式自定义使用。
浏览 4提问于2019-03-30得票数 5
如何提高Material UI的整体动画速度，例如，在material UI中有一个drawer组件，它可以打开或关闭，如何提高动画速度？
更好的是，如何提高material UI中的所有动画速度？
浏览 1提问于2019-07-14得票数 3
回答已采纳
React原生添加了对中动画GIF的支持。这太棒了。然而，有些时候我并不想让gif动画化。
有没有办法在React Native Image视图中关闭gif动画？
浏览 1提问于2016-04-02得票数 3
假设我们已经遵循了这个，现在我们希望将添加到我们的React组件中，这样它们就会看起来很好。然而，没有鲍尔( Bower )或NuGet semantic-ui-react软件包，只有没有帮助的Semantic-UI。那么，如何使用语义ui-在VS2017上使用ASP.NET内核呢？
浏览 1提问于2017-08-31得票数 2
回答已采纳
3回答
如何在JSS中指定:焦点属性？
、、、、
我将react-native-web与expo和react-native-paper (material ui)一起使用
我的问题是在编译的web版本中的焦点轮廓属性上的文本区域，所以我需要去掉这个蓝色边框。通常我会这样做
textarea:focus {
outline:none!important
}
对于react-native，我们不能只使用jss而使用css，但是如何使用这个属性呢？
<TextInput
label='Email'
value={this.state.text}
onChangeText={text => thi
浏览 0提问于2019-09-01得票数 1
1回答
为什么动画不工作？
全码
import React, { Component } from 'react';
import {
AppRegistry,
View,
Image,
StyleSheet,
WebView,
Linking,
TouchableOpacity,
Animated,
Keyboard,
TextInput,
KeyboardAvoidingView
} from 'react-native';
import {
Button,
浏览 0提问于2018-04-24得票数 0
回答已采纳
我正在使用Unity游戏引擎开发一个游戏。我想用画布组和动画师来动画UI alpha。动画剪辑简单地在一秒钟内将alpha属性从0动画到1。当我测试它时，它看起来在游戏中正常工作，但是当我检查我的对象时，我发现alpha属性的值是0.9999998。这在比赛中是不明显的，但对我来说很烦人。动画窗口中的关键帧在一秒钟后清晰地显示1，但是在动画的末尾，值并不完全是一个。
为了给出更多的细节，在alpha动画之后，动画师转换成一个空的动画，它什么也不做。转换的退出时间设置为1，持续时间和偏移量设置为0。所以，它应该等待阿尔法动画完成。
是否有一个原因，阿尔法的值没有达到确切的1，并有一个方法来解决这
浏览 2提问于2020-04-20得票数 0
回答已采纳
我想在react应用程序中使用rtl布局。我已经使用material-ui下一个版本来集成这个应用程序。我已经使用了下面的代码来制作应用程序布局rtl。有些组件在rtl布局中工作正常，但有些组件不受影响。
/**
* App.js Layout Start Here
*/
import React, { Component } from 'react';
import { connect } from 'react-redux';
import classnames from 'classnames';
import { MuiThemePr
浏览 1提问于2018-04-19得票数 4
2回答
这里显示的语义的Transition.Group示例https://react.semantic-ui.com/modules/transition/#types-group只对最底层的元素进行动画处理。我如何改变它，使最顶部的元素变成动画。 如果我在上面的例子中按下add或subtract按钮，动画只应用于列表中的最后一个元素，我如何使它只动画最顶部的元素。或者从本质上使选择器与默认相反，这样它就可以从上到下
浏览 27提问于2019-05-02得票数 0
回答已采纳
当我们使用AWS扩容创建react或Nextjs应用程序时，我们在ui-component文件夹中获取应用程序中的react组件，但是当我们对Vuejs、react或React-Native应用程序遵循相同的过程时，就不会得到UI组件。组件没有被拉出来。
这里我们在文件夹结构中看到。在src文件夹中，创建ui-component文件夹，也创建ui-component文件夹。
但是，当我们尝试相同的处理角或反应本机或Vuejs时，ui-components文件夹不会被提取/生成。
这只适用于react和nextjs。这意味着它的figma组件只会被转换为react组件。是否有任何不同的创建在角
浏览 7提问于2022-05-02得票数 0
1回答
下拉菜单与表单中的其他输入重叠
、、、、
我正在开发一个使用Angular、语义UI和动画的应用程序。
我正在创建一个表单，当它打开时，我遇到了与其他输入重叠的下拉列表问题。
这里有一个插入器：
正如您所看到的，从语义UI类中删除animated fadeIn动画fields解决了这个问题。
那么，我该怎么做才能同时使用语义UI和动画，并让下拉菜单不出现bug呢？
浏览 15提问于2017-07-20得票数 1
回答已采纳
我想添加动画到svg使用react。
我想做什么？我有一个像下面代码一样的动画svg，
<svg id="something">
<g>
<path>
<script>
//some script
</script>
</svg>
我在如下所示的功能组件中使用了这段代码，
function AnimatedIcon() {
return (
<svg>
<
浏览 2提问于2020-07-27得票数 3
回答已采纳
我正在尝试创建一个使用Framer Motion的React网站，问题是我的动画在桌面视图中看起来很好，但实际上并不是移动的。现在我想禁用动画。我该怎么做？
浏览 24提问于2021-06-30得票数 3
我有一个组件，它是一个Modal警报。对于动画的模式，我使用的Transition从语义-ui-反应。但是只有少数动画(pulse，bounce，flash)在工作，而这也只能在安装组件时起作用，而当我关闭Modal时就不能工作了。另外，duration属性也不起作用。
class Alert extends React.Component {
state = {
open: true
};
close = () => {
this.setState({
open: false
});
};
render() {
con
浏览 2提问于2019-03-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
