重新渲染 js - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

重新渲染React JS

javascript、reactjs、react-hooks、javascript-objects、react-state

因此，我尝试通过过滤值重新呈现列表。该列表已使用所有值呈现。我想用选项的下拉列表再次渲染它。我从本地的JSON获取我的值。

浏览 17提问于2021-11-18得票数 2

2回答

在Vue.js中，如何查找哪些数据更改会导致组件重新呈现？

vue.js、vuejs2

在Vue.js中，当某些数据发生更改时，组件确实会重新呈现(更新)。有时重新渲染的频率太高了，我想找出哪些数据的更改导致了这种重新渲染。如何找出导致重新渲染的更改数据？

浏览 2提问于2018-05-29得票数 7

1回答

重新呈现整个页面，而不是仅呈现包含更新属性的组件

reactjs

但是，每当我设置此属性时，不仅横幅会重新呈现，而且包含标题的整个页面也会重新呈现。我使用React Router进行导航，如演示代码中所示。你知道为什么整个页面都会被重新渲染，而不是像预期的那样只呈现标题吗？

浏览 44提问于2020-06-21得票数 0

回答已采纳

2回答

React JS - useState重新渲染过多

reactjs、loops、babeljs

我从setCheckedState({i: false});得到一个错误，导致过多的重新渲染。我该如何着手解决这个问题呢？

浏览 21提问于2020-02-25得票数 0

回答已采纳

1回答

如何在react子组件中保留CSS过渡

javascript、css、reactjs

App.js ...

浏览 11提问于2021-02-22得票数 0

2回答

如何使组件包含在页面之间？

next.js

当您从索引页转到关于页时，RestOfTheApp会重新呈现。也许SSR应该是这样的，但nextjs添加了像gatsby一样的静态渲染。没有一种方法可以防止组件重新呈现吗？about.js return ( <RestOfTheApp> </RestOfTheApp> )index.js f

浏览 3提问于2020-06-08得票数 0

1回答

如何在每次组件重新渲染时生成一个随机数？

css、reactjs、less

0, 0); 50% { } transform: scale(0,0);} 该随机数仅在第一次渲染期间生成，并且在后续重新渲染期间不会更改。

浏览 21提问于2021-01-09得票数 0

1回答

有没有办法通过缩放来阻止节点大小的缩放？

cytoscape.js

我有一个用例，我希望能够将节点的渲染宽度/高度限制为在每个缩放级别都是静态的，即放大不会重新缩放节点的渲染大小，但它仍然会重新缩放和重新绘制其他所有内容。目前在Cytoscape.js中有什么方法可以做到这一点吗？

浏览 0提问于2014-09-05得票数 2

3回答

仅在paper.js中重新渲染一个层

paperjs

有没有办法在paper.js中重新渲染一个单独的层？我知道你可以重新渲染整个场景，但是具有数千个形状的画布将不可避免地影响性能，所以只在层上进行将是理想的。

浏览 0提问于2018-08-06得票数 2

1回答

React Hook组件不会在导入的数组更改时更新

javascript、reactjs、react-hooks

我在usersList.js文件中有一些模拟数据。我还创建了一个服务来将用户添加到此数组中。但负责呈现此数据的组件只呈现一次。usersList中发生的任何更改都不会影响重新渲染。只有强制更新才能重新渲染它，但我对这个解决方案并不满意。const usersList = [{...}] export default usersList

浏览 0提问于2019-06-13得票数 0

1回答

reactjs paypal-buttons v2未捕获错误:检测到容器元素已从DOM中删除

reactjs、paypal

目前，我设置了paypal支付，一切正常，但这里有一个错误： Uncaught Error: Detected container element removed from DOM 我声明了美国房地产的常量价格，并在更改时显示paypal按钮。我这样做是因为如果价格是0，我也会得到错误，所以当价格<1时，我会隐藏它。我还尝试在这里添加一些类，并尝试使用display:none或opacity:1。我知道这可以像这样工作，但我想把我的错误清理干净。 {price > 0 && ( <PayPalButton></PayPalButton>

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

1回答

如何在ReactJS中不重新渲染整个树而渲染树组件的叶组件

javascript、reactjs、optimization、tree、renderpartial

假设有一个包含树定义的JS对象。叶的定义如下所示：树JS对象看起来像这样：树组件被渲染这可以通过将树组件的事件处理程序挂钩到叶组件并使用setState()重新呈现树组件来轻松完成。但是，由于这种更改不会导致树的结构更改，因此tt最好不要重新呈现整个树，而是重新呈现叶组件。因此

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

回答已采纳

2回答

如何将Plotly实时更新图形与React JS集成，而无需重新渲染组件

javascript、reactjs、frontend、plotly

我想在我的web应用程序中同时使用React JS和plotly。我想绘制实时数据，但我想避免每次添加新的点时都完整地重新渲染图形。Plotly图有一个更新功能，这样整个图就不会被销毁/重新渲染。1.有没有可能使用react组件来表示一个绘图图形，并让它实时更新，而不需要完全重新渲染图形? 2.如果上面的方法不可行，有什么解决方法吗？谢谢

浏览 2提问于2017-11-17得票数 0

1回答

建议的架构是否仅在场景发生变化时才重新渲染场景？

three.js

大多数简单的THREE.js示例都有一个连续的渲染循环，定期重新渲染场景。在我看来，这似乎是对资源的浪费。因此，我只想在某些情况发生变化时重新渲染场景。有没有像"scene.hasChanged“这样的标志，如果场景需要重新渲染，我可以用它来欺骗？或者我必须自己实现并行标志或通知结构？或者有其他通用的解决方案吗？

浏览 20提问于2020-02-25得票数 1

1回答

有没有使用React.memo/PureComponent比不使用它的性能更差的例子？

reactjs、performance、memoization、premature-optimization

我在讨论和文章(其中许多来自React的开发人员)中多次提到，React.memo或PureComponent会带来性能开销，只有在实际测量性能之后才能应用。但是，正如在this answer中所看到的，认为在道具上进行浅层比较的开销可能会超过深层次VDOM比较的成本，这是违反直觉的，而且似乎很难在没有具体例子的情况下反驳，在这种情况下，React.memo或PureComponent确实更慢。然而，在花了整个晚上寻找更多关于这个主题的信息之后，我还没有找到这样的例子。是不是因为这样的例子构造起来不那么简单？或者它是如此微不足道，以至于在大多数情况下都可以观察到性能影响(所以不需要编写

浏览 28提问于2021-08-31得票数 1

回答已采纳

1回答

MathJax + Ember.js重新渲染问题

ember.js、mathjax

我遇到了一个关于ember的渲染过程及其与MathJax.js库的兼容性的问题(应用程序在2.6.0上，但似乎也是在最新版本中发生的)。我有一个ember旋转(链接如下)，它隔离了这个问题，但从本质上说，似乎MathJax对发生在单个文本节点中间的内联方程的渲染破坏了ember的重新渲染，因为在MathJax将内联方程文本转换为其数学元素后，单个文本节点变成了多个文本节点，而第二个文本节点变成了孤立节点，并在重新渲染时保留在DOM中。

浏览 3提问于2017-02-24得票数 2

回答已采纳

7回答

通过JS重新渲染推文按钮

javascript、ajax、twitter

我过去常常使用来重新呈现推文按钮。var tweetButton = new twttr.TweetButton(twitterScript);但是看起来widgets.js ()已经被修改了，所以twttr.TweetButton

浏览 0提问于2011-06-02得票数 19

回答已采纳

1回答

获取之前实例Vue的prop的值

javascript、vue.js

是否可以将道具的值保存在组件的数据中，以便下一次渲染？我的意思是，我希望从Vue更新数据组件，并在新实例中获取之前实例的属性的值

浏览 9提问于2019-03-20得票数 0

2回答

Next.js React.js没有呈现出我要进入useEffect的useState

reactjs、react-hooks、next.js、rendering、server-side-rendering

我在useEffect中获得了对象数组：然后我试着绘制它并渲染：我得到的结果是它没有渲染它。首先，默认情况下它是一个空数组，而当状态在useEffect中发生变化时，它不会重新修改它。(Next.js + React.js可能会出现一些问题吗？)

浏览 11提问于2022-11-11得票数 0

回答已采纳

1回答

语义UI React侧边栏可推送

reactjs、semantic-ui-react

我正在尝试创建一个仅用于桌面(最小宽度1200px)的左边栏，在其他情况下(平板电脑，手机)，需要隐藏侧边栏。我使用的是Sidebar Pushable from Semantic UI React。我试过这个演示，但不起作用： <Sidebar.Pushable as={Segment}> as={Menu}

浏览 15提问于2020-05-03得票数 0

点击加载更多