问题标签 [rerender]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
20 回答
488431 浏览

javascript - 你能强制 Vue.js 重新加载/重新渲染吗?

只是一个快速的问题。

您可以强制Vue.js重新加载/重新计算所有内容吗?如果是这样,怎么做?

0 投票
1 回答
46 浏览

jsf - 有没有办法知道哪些组件在操作时更新

在 JSF 2.2 中编程时,我有时不确定该update语句是否有效。例如,我有下表,并希望在单击按钮时更新它:

由于ID按钮是theForm:table:requestMod我认为这update="@parent"会起作用。但是,它似乎没有更新,或者我在支持 bean 的某个地方或其他地方犯了一个错误?

问题是:我现在没有。因此,为了推断错误所在,以某种方式真正确保update部分commandButton工作正常会很棒。

现在,当单击按钮时,更改的值仅在重新加载页面后更新。

0 投票
3 回答
2187 浏览

javascript - 重新渲染 React js 组件

我必须使用 React js 为现有应用程序实现新的 UI。这是在单击菜单项后呈现的反应组件。我注意到用于 react 的 chrome 开发工具插件会显示每次单击菜单时创建的新组件。不是浪费内存吗?这是 Sammy.js 的菜单激活码

0 投票
2 回答
2988 浏览

reactjs - 反应只重新渲染一个孩子

在我的表单中,我有一些下拉组件。每当第一个下拉选项更改时,我想更新第二个下拉列表的道具并重新渲染它。我的代码看起来像这样

但是 props 没有改变,所以它重新渲染了相同的选项。目前我只是通过在其上设置新状态来重新渲染整个表单。有没有办法用新的道具只重新渲染一个孩子/下拉菜单?

0 投票
2 回答
3173 浏览

javascript - Redux 中的 React ReRender

我在我的 React 应用程序中使用 Redux,为了确保我不会改变状态而是返回新状态,我在开发中添加了中间件https://github.com/leoasis/redux-immutable-state-invariant

我的问题是,当商店发生变化时,我的所有组件是否都会重新渲染?

我现在正在观看有关 ImmutableJs 的视频https://youtu.be/YFP8lbdZ0cs?t=33m59s我不知道我是否应该在每个具有 shallowEqual 函数的组件中实现 shouldComponentUpdate 或者这件事是通过自动反应来完成的?(可能在新版本中有所改变)

它应该打扰我吗?当我不使用 ImutableJs 并使用最新的 React 和 Redux 版本时,最好的方法是什么?

0 投票
0 回答
49 浏览

filter - 不要重新渲染控件

有没有办法告诉控件,它不应该重新渲染?因为在我的组件中,有一个视图,它可以动态地将消息添加到对话框中。每次我在搜索字段中搜索字母时,都会刷新视图以显示结果。所以每次刷新后,searchField 都是空的。这不应该发生。

编辑:问题解决了。也许另一个人遇到了同样的问题,我已经设置了模型绑定并重新渲染了 SearchField,现在它可以工作了。所以问题不在于它呈现所有内容,问题在于 SearchField 没有呈现;)

0 投票
1 回答
655 浏览

javascript - 我如何使用聚合物标记 JSON 对象中的更改并从 javascript 传递数据然后呈现一些子元素

我正在使用一组随机的 X 和 O 生成一个 JSON,并尝试使用聚合物中的自定义元素将它们绘制成一个简单的网格。当我第一次打开页面时,一切都运行良好,每次我都会看到不同的网格。我还在 index.html 页面上添加了一个按钮,该按钮使用一组新的 X 和 O 重新生成 JSON,但聚合物元素不会标记事件更改或使用新数据更新其子元素。

这似乎只是我的 JSON 对象的问题,因为如果我将其更改为字符串,我每次都会收到更改通知......

我编写了一个简单的“forceDB.js”脚本,该脚本生成 JSON 并将其传递给聚合物元素,.setAttribute('layout', data)我如何通知聚合物的更改并让我的聚合物脚本的所有子元素更新?

JSON 对象如下所示

我元素的聚合物脚本面看起来像这样......

我认为我可能错过了聚合物的一个关键点,或者我做错了什么。但是我有一个简单的 X 和 O 游戏,我正在开发它来尝试掌握聚合物数据绑定原则,但似乎在哪里还不够。

0 投票
5 回答
521 浏览

javascript - CSS :hover 覆盖元素高度 0 后重新渲染

我有一个元素,我称之为back被另一个元素覆盖front

Back在 CSS 中设置以在悬停时更改颜色。Front设置为,当悬停时,1s延迟后消失,并且元素上的鼠标指针Front现在位于后元素上。

Frontheight: 0通过在 JavaScript 中设置消失。消失后Front鼠标指针悬停在Back浏览器上不会重新渲染悬停效果Back,导致其颜色没有按应有的方式更改。

当我通过自然地Front从 DOM 中删除来尝试相同的示例时,它可以正常工作。但是,我的应用程序需要我通过设置height: 0.

您可以在以下示例中亲自尝试。您将看到一个红色框和一个蓝色框。红色是Front,蓝色是Back。当您将鼠标指针移至红色框时,红色框的颜色变为green。当您将鼠标移到蓝色框上时,一秒钟后,它会消失。

该示例的重点是表明在蓝色框消失后,鼠标指针现在悬停在红色框上,因此应该变为green

这个例子中,蓝色的盒子完全从 DOM 中移除,它的工作和预期的一样好。

但是,在此示例中,蓝色框将通过设置 删除height: 0green消失后,红色元素直到我移动鼠标后才会变为。

有没有办法强制浏览器重新渲染?

该问题在 Google Chrome 和 Microsoft Edge 中仍然存在。火狐很好用。

0 投票
1 回答
575 浏览

javascript - React 页面不会在 url 查询更改时重新呈现

我正在尝试根据 url 中的查询创建一个具有不同内容的反应页面。例如:things?type=0things?type=1导致不同的过滤内容。

问题是,当切换到这些页面时,React 不会触发我的页面的重新呈现。我需要手动刷新页面以获得所需的结果。

我尝试使用内置生命周期功能,但没有一个会触发页面刷新。它试图在componentWillReceiveProps方法中进行获取,然后我必须在链接上单击两次才能获取我过滤的内容(这比不刷新页面要好,但对用户不友好)。

我使用这个参考

0 投票
0 回答
165 浏览

validation - 在使用 Richfaces 重新渲染时跳过对表单的验证

我使用 Richfaces 3.1.2 和 JSF 1.1

textarea在一个表单中有两个按钮:SubmitUpdate

  1. 按钮Submit提交表单
  2. 单击按钮Update会在textarea

在 textarea 内部使用了验证器,如果 textarea 仅包含当前连接用户的名称,则此验证器将引发异常,例如,如果当前连接用户是“root”并且 textarea 包含“root”,则应该是异常抛出

Textarea 的代码(默认包含当前连接用户的名称):

提交按钮:

和更新按钮:

问题:如果文本区域包含当前连接用户的名称,则按钮Update不会更新文本,因为验证器会引发异常。

所以我想要做的是禁用验证器,但前提是用户点击按钮Update

我试图添加immediate="true"更新按钮,但这没有用,因为显然immediate="true"并且reRender="message"不能一起工作(bean 已更新,但不是前面)。

我也在这里尝试了这个解决方案:在重新渲染时跳过验证并仅在表单提交上应用,但这也不起作用,我得到了错误Undefined property clientId,并且即使required属性设置为 ,也会调用验证器false

有人能帮我吗?