React JS window.requestAnimationFrame(更新)

文章/答案/技术大牛

发布

1回答

reactjs、carousel、requestanimationframe

我在React JS上使用Flickity插件，所有的工作。但是，我想创建像https://brand.uber.com这样的滑块(最佳示例部分)。问题是更新(window.requestAnimationFrame)；是在考虑暂停之前重新呈现组件。我已经尝试了本地状态和redux，但它在我可以发送之前重新渲染。carousel.current.flkty.updateSelectedSlide(); carousel.current.flkty.settle(carousel.curren

浏览 9提问于2021-01-07得票数 0

回答已采纳

3回答

requestAnimationFrame不会重复更新react组件

javascript、reactjs、requestanimationframe

只想知道为什么我的requestAnimationFrame不重复更新我的react组件？它只在第一次返回计数值，然后忽略它。下面是代码：import React from "react"; export default function Update() {} function

浏览 6提问于2022-03-08得票数 0

回答已采纳

1回答

React:如果你在一个请求中设置了状态，动画帧是否会在动画帧上进行计划渲染？

reactjs、requestanimationframe

我正在尝试理解在React (16+版本)中使用类似游戏循环的东西的细微差别。我对React的渲染策略如何与另一个渲染调度器冲突(或不冲突)感到困惑-在这种情况下:请求动画帧。{ const loop = now => { window.requestAnimationFrame或者，react会做一些像批处理状态更新这样的事情来渲染，从而违背

浏览 28提问于2018-12-31得票数 13

2回答

共享componentDidMount()函数

javascript、reactjs、composition

我有几个函数具有完全相同的componentDidMount函数。我正在使用ES6，显然没有办法使用Mixin。

浏览 0提问于2015-10-12得票数 0

1回答

React本机: Node中不支持requestAnimationFrame

react-native、jestjs、enzyme

= () => {}; throw new Error( 'requestAnimationFrame is notsupported in Node' );photo-list.test.jsimport<anonymous>.window

浏览 1提问于2017-05-22得票数 0

1回答

确保在渲染时使用React组件进入css过渡

reactjs、react-hooks、css-transitions

我正在尝试在React中构建一个基本的css转换包装器，其中一个布尔属性控制一个HTML类，该类切换设置为转换的css属性。setTimeout是有效的，但它是非常随意的，并且没有严格地绑定到React生命周期。我发现，即使是10毫秒的超时有时也不能产生这种效果。这是个废话。我相信这是因为React会对操作进行批处理，并选择何时渲染到真正的DOM，而大多数情况下直到效果发生后才会这样做。如何保证我的类值仅在mounted设置为true之后才会更改，但组件会在之后立即呈现简化的React组件： function Trans

浏览 29提问于2020-12-06得票数 0

1回答

React中的软卷顶升

jquery、css、reactjs、frontend

这只是一个演示，实际的站点是在React中的，我在使用JQuery/React时遇到了问题，并且使体验像他们在这里做的那样无缝。目前，我正在尝试更改z轴，但结果不是很好。

浏览 12提问于2019-01-03得票数 0

回答已采纳

2回答

在智能电视浏览器上运行的创建-反应-应用程序

javascript、reactjs、browser、create-react-app、television

在试图在智能电视浏览器中运行我的应用程序时，create-react-app环境给我带来了很大的问题。所以在安装yarn add core-js --dev和yarn add raf --dev之后。更新src/index.jsimport 'core-js</em

浏览 1提问于2018-04-12得票数 7

回答已采纳

1回答

当我放入一个值时，为什么不旋转一个对象的角度

matter.js

现在，对于旋转这个身体，我测试了它的属性，发现在"constraintImpulse“中这个属性在matters.js文档中是找不到的，在"constraintImpulse”中找到了"angle“，但这不是弧度

浏览 8提问于2019-02-27得票数 1

3回答

如何在多个Redux组件中使用requestAnimationFrame实现gameloop？

javascript、reactjs、typescript、redux、react-redux

: () => void; constructor(props: Props)

浏览 2提问于2019-01-06得票数 7

回答已采纳

1回答

react pdf库在盖茨比构建时出现错误

reactjs、webpack、gatsby、react-pdf

并使用react-pdf 5.2.0 window.requestAnimationFrame(resolve);/node_modules/react-pdf/dist/esm/LinkService.js (D:\Project\public\render-page.js:4 at _/node_modules&#x

浏览 2提问于2021-04-14得票数 1

回答已采纳

10回答

Jest测试中的请求动画框架错误

reactjs、jestjs、react-dom

当我运行Jest单元测试时，升级到响应后得到了这个错误： React depends on requestAnimationFrame.

浏览 33提问于2017-04-25得票数 23

回答已采纳

1回答

Gamepad :不触发按钮事件

javascript、bluetooth、gamepad、gamepad-api

我有一个蓝牙控制器，我用这个Gamepad测试器测试了所有的按钮数：，所以我很确定按钮的值是正确的。然而，似乎没有什么触发，游戏垫显示是“连接”，只是按钮事件不工作。以下是代码： if (navigator.webkitGetGamepads) { console.log('move');}; ga

浏览 1提问于2017-06-25得票数 1

回答已采纳

19回答

反应“后渲染”代码？

javascript、reactjs

这是非常简单的香草JS，jQuery，或主干视图，但我正在努力找出什么是正确的进程来做这一反应？var List = require('../list'); var ActionBar = require('..&#x

浏览 2提问于2014-10-24得票数 462

回答已采纳

1回答

响应生成引用错误:未定义窗口-如何仅在客户端运行

javascript、reactjs、build、gatsby、netlify

我有一个p5.js草图，包含在我的gatsby.js项目中。on：window.requestAnimationFrame = (function() { class GetP5Wrapper extends React.Component {

浏览 0提问于2020-02-26得票数 1

回答已采纳

1回答

在页面的其余部分加载之后，我如何用jQuery加载一些内容？

jquery

我有一个有许多图片和内容要加载的页面，并添加了一个jQuery函数，该函数在加载时添加一个转换类来创建一个简单的文本动画。因为加载内容可能需要相当长的时间，所以我想确保类是在所有图片等加载之后添加的，所以我尝试使用下面的这两个代码片段。它们似乎都有想要的效果，但只有一次-当我再次刷新页面时，类没有被添加。我是不是漏掉了什么？提前感谢您的建议。 $('.header').addClass('tilt'); $(window).bind("load", function(

浏览 1提问于2021-03-03得票数 0

3回答

显示加载处理器的异常行为

javascript、jquery、promise、loading、deferred

loading").hide();<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

浏览 3提问于2015-09-24得票数 0

回答已采纳

1回答

覆盖嵌套的javascript函数

javascript

这是代码的一部分： } componentDidMount: function() { window.requestAnimationFramethis.prop

浏览 0提问于2017-05-10得票数 1

1回答

无法在中运行玩笑测试。Jest遇到了一个意想不到的标记

reactjs、jestjs、enzyme

1 | import React from "react"; at Object.componentDidMount() { this.handleDataForSubm

浏览 3提问于2020-11-19得票数 0

回答已采纳

点击加载更多