腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如
何在
React
中
对
状态
变化
的
span
元素
进行
动画
处理
?
javascript
、
css
、
reactjs
、
create-react-app
我在
React
中
创建了一个个人网站,并且有一个每3秒改变一次
的
span
元素
。这部分工作得很好,但是当数据发生
变化
时,我无法使用id为colorText
的
span
元素
设置
动画
。我做错了什么?import
React
, { Component } from '
react
'; import '.<div className="center&q
浏览 27
提问于2019-09-15
得票数 0
回答已采纳
1
回答
我认为
react
-spring (useSpring)会导致组件重新渲染很多次,但它可能不会,我们如何做到这一点呢?
reactjs
、
react-spring
我认为
react
-spring会导致组件重新渲染很多次,所以如果它是一个已经有大量useSpring()工作要做
的
组件,那么
react
-spring不是最适合这个任务
的
。在他们
的
示例
中
,我可以看到它重新渲染了很多次: (通过查看console.log输出,其中包含大量
的
renderCount打印输出。当我们将持续时间更改为5000 (即5秒)时,打印输出要多得多。同样,如果它是一个类似于
react
-spring
的
组件,它会呈现很多内
浏览 4
提问于2021-04-21
得票数 1
3
回答
使用JavaScript实现“看不见
的
墨水”文本效果
javascript
、
html
、
reactjs
、
animation
、
google-chrome-extension
在iOS上,在iMessage
中
,你可以使用看不见
的
墨水效果发送消息,这种效果会使消息变得模糊,并在触摸时保持不模糊。 目前正在使用
React
构建一个Chrome扩展,它需要在电子邮件中使用不可见
的
墨水
动画
。我刚接触
React
.js,想知道有没有人知道最好
的
方法?
浏览 1
提问于2021-06-12
得票数 0
3
回答
如何改变不透明度与clickEvent
的
反应?
reactjs
、
settimeout
我试图改变下面的跨度
的
不透明度,这样我就可以向用户显示文本被复制了。import
React
, { useState, useEffect } from "
react
" <LogoImage /> </CopyT
浏览 5
提问于2021-05-19
得票数 0
回答已采纳
3
回答
如
何在
渲染时为
React
组件设置
动画
?
reactjs
、
reactcsstransitiongroup
我正在尝试
对
一个包含从别处获取
的
数据
的
React
组件
进行
动画
处理
。将它放在ReactCSSTransitionGroup
中
可以很好地工作。也就是说,直到我修改了组件
的
render()方法以返回false,直到数据被获取(到)。 现在,我猜组件是立即挂载
的
,在这一点上,
动画
类被添加,但只有在之后才会渲染。这种想法正确吗?当render返回实际
的
组件时,我如何获得组件
的</em
浏览 0
提问于2015-03-02
得票数 5
回答已采纳
2
回答
React
中
的
动画
元素
reactjs
、
mobx
我在一个
react
/mobx应用程序中有一个组件,它观察所提供
的
ui存储
的
某个属性。只要这个属性改变,组件
的
一些
元素
就会隐藏/显示。据我所知,ReactCSSTransitionGroup用于在挂载/卸载时
对
组件
进行
动画
处理
。如
何在
组件
中
设置
元素
(准确地说是div )
的
动画
效果,该
元素
通过displ
浏览 14
提问于2017-01-31
得票数 1
2
回答
.animate()并返回到原始
状态
javascript
、
jquery
我
对
jQuery还是个新手,正在努力学习它。我是在
元素
的
父
元素
被单击后
对
其
进行
动画
处理
,但我也希望该
元素
在一段时间后返回到其原始
状态
。我确实尝试过setTimeout,但我可能用错了,所以它不起作用。var
span
= $('
span
');
span
浏览 1
提问于2011-12-19
得票数 0
回答已采纳
2
回答
Render:在
动画
期间调用Render()。会发生什么?
javascript
、
html
、
css
、
reactjs
、
react-transition-group
我想知道
React
如何
处理
组件
动画
期间调用
的
呈现。在下面的示例
中
,组件将被重新命名。步骤1:组件安装组件首次挂载到物理DOM。组件
的
动画
持续60秒。该组件有一个更改
状态
计时器,
浏览 3
提问于2021-01-18
得票数 6
回答已采纳
3
回答
图表更新是如
何在
react
上下文中工作
的
?
reactjs
、
chart.js
、
react-chartjs
、
react-chartjs-2
我感兴趣
的
是理解它是如
何在
引擎盖下工作
的
,老实说,这一点我是无法理解
的
,至少从代码
的
角度来看是这样
的
。首先:我
对
React
的
理解是,当一个支柱或
状态
发生
变化
时,它计算新DOM,然后合并新DOM和当前DOM,只应用两者之间
的
区别。但是,chartjs似乎是作为一个画布
元素
实现
的
。将chartjs与
react
集成在一起并不能起到很大
浏览 9
提问于2022-04-26
得票数 0
回答已采纳
1
回答
如
何在
React
中
动态添加一些现有
元素
之间
的
新
元素
?
javascript
、
reactjs
我正在尝试用
React
重写一个传统
的
html/js应用。我有一个我想要构建
的
React
组件,它将由彼此相邻
的
许多不同
的
跨度组成。<
span
id="1">one</
span
><
span
id="2">two</
span
><
span
id="4">fou
浏览 60
提问于2019-01-21
得票数 0
1
回答
框架运动列表
动画
reactjs
、
animation
、
framer-motion
我需要实现一个
动画
,它将顺利滑下来时,完成和幻灯片上升时,取消。很明显,我在
react
中
工作,希望在如
何在
框架运动
中
实现它方面有所帮助。我
对
动画
很陌生,所以任何帮助都是非常感谢
的
。我也很困惑如何使
动画
与
状态
变化
保持同步。
浏览 2
提问于2021-12-23
得票数 0
1
回答
在属性改变时
处理
SVG
动画
的
最好方法是什么?
javascript
、
animation
、
svg
、
reactjs
我有以下两个ReactJS组件:MyGraphElement,它渲染成一个圆圈。因此,如果组件
的
相关
状态
发生
变化
,则SVG圆
的
位置也会发生
变化
。 问题是,实现
动画
的
最好方法是什么,这样圆圈就不会从一个地方跳到另一个地方,它会平滑地过渡?圆圈只是一个例子,真正
的
用例涉及到几乎所
浏览 0
提问于2015-10-08
得票数 1
3
回答
“with”绑定更新前
的
动画
knockout.js
我使用
的
是"with“绑定,我想在改变值之前和之后调用一些
动画
。有人知道怎么做吗?
浏览 0
提问于2012-07-19
得票数 1
回答已采纳
2
回答
如
何在
反应可滑动列表
中
延迟更新反应
状态
?
javascript
、
reactjs
、
react-swipeable-list
我正在尝试使用在一
对
列表中
进行
滑动(第一个是我可能购买
的
商品列表,第二个列表是我下次去商店时要购买
的
物品列表)。 我正在使用这个作为一个反应应用
的
一部分。但是,如果用于滑动
的
事件
处理
程序修改了应用程序
的
(
React
)
状态
,那么刷过
的
列表项'snaps‘就会立即显示在第二个列表
中
。我相信正在发生
的
事情是,
状态
的
改变会立即
浏览 8
提问于2021-09-06
得票数 1
3
回答
单击包含
span
的
div,不会触发onclick event -
React
javascript
、
css
、
reactjs
如果我在内部跨度之外
的
区域上单击此div,它会工作得很好。 示例如下所示
的
Image。当单击行时,它会展开区域以显示像this这样
的
项目。下面是我
的
代码: <div className={headerStyles.header} onClick={(e) => this.selectHeader(e, this.props.items.length)}> <
span
浏览 59
提问于2019-05-15
得票数 0
回答已采纳
1
回答
为什么从事件
处理
程序分配
状态
时需要设置组件
的
值?
reactjs
我是个新手,只是根据一些教程,我找不到答案<input value = {this.state.inputthis.handleChange.bind(this)}/>如果handleChange函数已经用给定
的
事件设置了
状态<
浏览 0
提问于2020-01-10
得票数 3
1
回答
可以从
react
角度在一个数组
中
呈现字符串和reacts
元素
吗?
reactjs
、
typescript
让我们想象一下需要呈现string[][]数据
的
情况。
浏览 0
提问于2018-05-17
得票数 1
回答已采纳
1
回答
如
何在
活动之间
的
sharedElementTranistion
中
动画
回收视图?
android
、
animation
、
android-recyclerview
、
shared-element-transition
我有水平回收器视图
的
活动,在下一个活动
中
,我在垂直回收器视图中有相同
的
项目,如
何在
更改活动时在回收器视图中
对
项目
进行
动画
处理
,或者如
何在
更改方向
的
同时在相同
的
活动
中
对
项目(
如
gif图像
中
的
项目)
进行
动画
处理
浏览 8
提问于2019-12-09
得票数 0
1
回答
在通过数组
的
后续循环中,我
的
React
文本
动画
中
的
定时会变得更糟。
javascript
、
css
、
reactjs
、
css-animations
我在和中用CSS
动画
来反应代码。我试着改变时间,使阵列开关
的
发生越来越快。/styles.css";import
React
, { useEffect, useState} from "
浏览 3
提问于2022-05-21
得票数 1
回答已采纳
1
回答
在一段时间后向
React
组件添加类
css
、
reactjs
我有一个
react
组件:}); 在它渲染几秒钟后,我希望它从组件
中
添加一个类。这个类
的
目的是用
动画
来展示组件。我不认为这是真正
的
状态
改变,因为它对应用程序没有任何影响,只是给组件一个
动画</em
浏览 2
提问于2016-11-25
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
你真的了解React吗?这里有50个React面试问题
为什么我不再用Vue,改用React?
这里有25个React Native免费教程,请您查收
关于React :你不可不知的19件事儿
我用Vue和React构建了相同的应用程序,这是它们的差别
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券