1回答
我需要使用关键帧动画与。我正在使用组件为我的jsx元素提供样式。现在我需要在这个样式的组件中使用关键帧动画，但是它给了我错误。以前，我在createStyle中使用过关键帧，它工作得很好，但是现在在样式化的组件下，它不能工作。会很感激你的帮助。
浏览 2提问于2021-09-08得票数 3
回答已采纳
我有以下react组件 import React from "react"import { moveInLeft } fromfunction HeadingOne({ children }) {} 我添加了从我的文件导入的动画transl
浏览 16提问于2020-07-23得票数 0
回答已采纳
我已经和React一起工作了一段时间了，但是动画是一件让我困惑的事情。
目前，我使用CSS在我的反应组件。每个组件导入一个css文件，用于样式化，而不是使用内联css。我的问题是:如果我有一个页面，就像一个没有状态更新的登陆页面，那么在css中使用关键帧动画和类似的东西是否可以呢？边问:对于一个不更新的页面，我是否可以像登陆页面那样使用关键帧，或者对于更复杂的页面，它会完全崩溃吗？
浏览 2提问于2016-06-03得票数 3
回答已采纳
我想要创建一个名为CarouselItem的组件，它在旋转木马显示中作为一个对象发挥作用，我希望这些项目有不同的不透明性，这取决于它们离旋转木马的中心有多近，当它们在旋转木马上盘旋时会褪色到完全不透明。为此，我需要CSS能够访问组件状态的一个变量，以查看它们在悬空之前的不透明程度。我在堆栈溢出上阅读了这个，它讨论了如何使用箭头函数来创建样式并在react样式中使用它，但是由于我想包含关键帧，所以我不确定如何实现它。对于如何实施或其他可能有效的解决方案，有什么想法吗？CSS在动画<
浏览 3提问于2022-11-17得票数 1
回答已采纳
我目前有一个问题‘关键帧’的样式组件。我已经了解了如何在“styled.div”中使用道具，但是我还不能在“关键帧”组件中使用道具。 0%{ }在这里，'styled.div‘组件将呈现一个红色的背景，但如果我包括关键帧动画，它将被完全忽略。另一方
浏览 0提问于2018-06-08得票数 0
回答已采纳
1回答
我正在使用styled-components，并试图创建一个svg循环旋转器组件。一切都很好，除非我尝试在同一个页面中多次使用该组件，然后每个组件都使用与上一个组件相同的strokeColor。import React from "react";
import Spinner from ".
浏览 0提问于2019-04-04得票数 1
回答已采纳
我正在尝试添加一个CSS关键帧动画到我的Material UI styled组件中，但是添加一个关键帧动画似乎抛出了一个错误。addRule method 96 | // $FlowFixMe[prop-missing]
有没有在像这样的样式化组件中使用注意:我使用的是Material UI内置的styles应用程序接口，而
浏览 3提问于2021-02-10得票数 2
2回答
我正在创建一个图像动画与一个定制的动画在样式-组件与条件样式。但这让我错误地说
我是用v4语法做的，但仍然不起作用。有办法吗？`${fadeInSlide} 1s ease-in-out in
浏览 1提问于2019-06-26得票数 11
1回答
这个文件基本上就是复制/粘贴： import React, { useState } from "react";import { useGesture } from "react-use-gesture";
"https://upload.wikimedia
浏览 15提问于2020-01-24得票数 2
1回答
我已经或多或少地完成了我的第一个React+Redux应用程序，我已经到了想将动画应用到应用程序的各个部分的地步。从现有的解决方案来看，我发现没有什么比我想要的更接近的了。整个ReactCSSTransitionGroup似乎都是一种侵入性和天真的动画处理方式。动画关注的是要动画化的组件，您无法知道应用程序中发生了什么。动画应该与反应相结合，以便允许组件在被移除之前淡出(或以其他方式完成它们的动画)。
应该可以在
浏览 1提问于2017-03-30得票数 4
我想知道是否有可能，在React.js中，仅使用JavaScript和CSS就可以从头开始制作动画。如果可能的话，有人能告诉我一些文档或者告诉我怎么做吗？
提前谢谢你。
浏览 0提问于2021-11-02得票数 0
当我试图应用样式来响应组件时，什么都不会发生，但是当我将它应用到像<div或<p>这样的普通HTML标记时，它就能工作了。我不知道为什么。
浏览 1提问于2018-10-09得票数 2
回答已采纳
1回答
我有一个组件，需要有不同的动画为它的每个孩子。const useStyles = makeStyles({ // from material ui position: 'relative',
},我已经尝试为makeStyles样式添加一个关键帧动画部分，如果我只是在上面定义它，我可以很容
浏览 1提问于2020-06-30得票数 0
在创建framer-motion styled-component链接styled(motion.a)``;时，如果它是nextjs Link组件的子组件，则不能在其上触发动画。nextjs Link文档：
沙箱代表3种情况，只有一种触发动画，在这种情况下，我不将ref属性传递给样式化的运动链接
浏览 2提问于2021-05-10得票数 0
3回答
在文档中的一些CodeSandbox演示(例如)中，导入的东西称为“动画”：然后像这样使用：style={{ ...defaultStyles, ...styles }}>{item}</animated.li>)}import { Spring } from 'react-springopacity: 1 }}>
{props =&g
浏览 3提问于2018-10-17得票数 6
回答已采纳
我使用CRA 4，当使用带有样式组件的关键帧时，百分比会导致一个错误，我似乎无法理解为什么--但是如果我使用to / From，则不会出错。keyframes` opacity: 1 opacity: 0.4; opacity: 1;`animation: ${animateLeft} 1s infinite;
我在关键帧中得到的百分
浏览 19提问于2021-05-19得票数 7
目前我正在尝试使用样式化的组件，但我很难像往常一样创建组件。更具体地说，我得到了一个错误的'this‘关键字，并传递属性。在我的主JavaScript文件中，我尝试创建这样的组件(对我来说正常)：在HomePageDiv.js中，我有一个常量，即div，还有一个常量，它是这个div将动画的关键帧：
i
浏览 1提问于2018-06-04得票数 0
回答已采纳
我有一个依赖于外部样式表的组件。我将样式表引入到组件中，如下所示：export default class Child extends Component { return (</div> }但是正在发生的情况是，这也迫使这些样式出现在父组件上。</div> }是否有人知道我可以将样式表链接本地化到该
浏览 1提问于2021-11-23得票数 1
1回答
用酶测试回调道具
、、
我的组件中有React-Spring动画： <SpinnerKf state={status} onRest={changeView && status === 'SUCCESS' ?</SpinnerKf> 我在onRest属性中传递函数调用-这是来自React-Spring关键帧的属性，它在动画结束后调用。 我如何通过测试来覆盖这一点呢？
浏览 13提问于2019-04-12得票数 2
1回答
据我的研究和twin.examples回购Next.js，twin.macro建议添加他们的飞行前组件，他们命名为<GlobalStyles />。他们通常将其命名为<BaseStyles />，因为据我所知，组件导出一组预运行前样式，这些样式将浏览器行为重置为正常的默认设置。这个推荐的组件，据称包含与tailwind/base.css相同的样式(也就是CSS文件中的@tailwind base; )，加上一些关键帧
浏览 14提问于2022-07-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
实时音视频活动推荐
腾讯云开发者
