问题标签 [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 投票
1 回答
1266 浏览

salesforce - Salesforce - 使用重新渲染时的命令按钮问题

我有一个用于创建案例的 VisualForce,这个 VisualForce 将被嵌入到一个站点上,所以 VisualForce 它是建立在 HTML 之上的,在 HTML 里面我放了以下内容:

控制器是:

到这里一切都很好,但是当你将 reRender 添加到 commandButton 时,像这样:

我收到以下错误:

0 投票
1 回答
328 浏览

reactjs - 如何在 React Native 中动态有效地添加孩子而不重新渲染父母

我知道我们可以像这样动态添加一个孩子:</p>

但是性能太差了。我的意思是也许我会在一秒钟内添加一个孩子 30 次或更多(取决于业务逻辑)。

例如:每当 ScrollView 滚动 30 像素时,我想添加一个孩子。我正在编写一个比 FlatList 好得多的高性能 List 组件。我需要知道如何在不重新渲染父母的情况下动态有效地添加孩子。有没有像“React.createElement”这样的方法可以在不重新渲染父母的情况下添加孩子

0 投票
1 回答
3702 浏览

javascript - 如何停止在reactjs中重新渲染?

我只是想知道如何停止重新渲染组件。

当我单击一个按钮时,我有三个按钮,它在那里执行操作。

有一个按钮。我在其中使用 if else 当我单击该按钮时,它返回 false 和组件 false 调用,这很好,当再次单击该按钮时,它调用 true 组件,这对我来说也很好,但是当我再次单击按钮时首先它调用渲染然后调用我的组件。我不想调用渲染它调用我的组件。

我读了一些他们建议使用 this.forceupdate 的博客。我该怎么办?帮帮我。

0 投票
0 回答
66 浏览

ajax - PrimeFaces 无效组件不会重新渲染

PrimeFaces 6.1。我有一个带有字母的 SelectOneListBox。更改后,将触发 ajax 事件并使用以所选字母开头的单词填充 PickList。如果 PickList 包含单词 XX,则它是有效的,其中 X 是选定的字母。

如果 PickList 有效,则一切正常。如果它失效,一切正常(ajax 被触发,消息被重新呈现等),只有 PickList 在字母更改时不会刷新,除非它再次有效。

有没有办法重新呈现 PickList,即使它无效?

代码:Web.xhtml

网络.java:

0 投票
1 回答
1698 浏览

javascript - Vue - 强制重新渲染所有组件

我为Vue编写了一个插件,并且在重新渲染时遇到了一些问题。实际上有一个新的过滤器,它可以用全局定义的语言翻译给定的文本。当语言发生变化时,应再次翻译文本。因为这里没有过滤器的事件队列,如果语言发生变化,我想强制所有组件重新呈现自己。因此过滤器功能将被评估为新的。
我知道我可以使用vm.$forceUpdate(). 但是我怎么能告诉整个 Vue 组件树重新渲染呢?因为这种情况只会发生,如果用户更改语言,性能问题应该不是问题,导致至少用户不必重新加载整个页面并且可以离线执行此操作。有什么建议么?

0 投票
6 回答
10076 浏览

react-native - React Native - goBack() 上的 React Navigation 重新渲染面板

我在我的应用程序中使用React Navigation。返回前一个面板时如何刷新数据?

一个实际的例子是:我目前在Panel A中,我导航到Panel B,在那里我更新了Panel A中显示的数据库中的数据。在更改数据库中的数据后我goBack()面板 A之后,我希望面板 A现在已经重新渲染并保存数据库中的新数据。

我已经读到我可以将自定义刷新函数作为参数传递给子类并在导航回来之前调用它,但是我认为这不是实现我想要的东西的好方法,因为我更新了一个尚未安装的组件并且我只能抛出错误。

0 投票
0 回答
207 浏览

reactjs - 为什么在 ReactJs 中刷新页面后 UI 更新

我是 ReactJs 的新手,我陷入了这个问题,无法通过浏览找到任何解决方案。请让我知道这是否已在其他地方得到回答。我的第一个问题是如何在 React 的同一页面上更新组件。我认为当状态改变时它应该自动发生,但在我的情况下,它不会。我想要做的是在 onClick on div 之后调用 API 并在页面的特定部分(组件)中显示子列表而不是当前列表,并且此过程一直持续到父/子列表的末尾。但是当我单击 div 时,Localstorage 的值被更新,API 成功调用,除了在页面上显示结果外,一切都到了正确的位置。一旦我刷新页面,更新的列表就会显示得很好。我想也许是'

另外,如果您有任何更好的编码技巧,我将不胜感激。

这是我的代码:

父组件:

子列表组件:

0 投票
2 回答
1322 浏览

reactjs - 反应父组件不重新渲染

我有一个父组件,它呈现从 API 中提取的子列表(其功能正确)。每个孩子都可以选择删除自己。当孩子删除自己时,我无法让父母重新渲染。我在这里阅读了与该主题相关的大约 50 个答案,并尝试了所有这些答案,但似乎没有任何效果。我错过了一些东西并卡住了。

该组件已连接了 redux,但我已经尝试了连接和不连接 redux 的代码。我还在回调中尝试了 this.forceUpdate() ,它也不起作用(我在下面的示例代码中将其注释掉了)。

然后在我的 Children 组件中,它工作得很好,并且删除按钮成功地从数据库中删除了记录,我有以下摘录:

我确定我缺少一些简单或基本的东西,但我找不到它。

0 投票
1 回答
1186 浏览

reactjs - 除非我更改密钥,否则 React 组件不会使用新道具重新渲染

我正在制作一个显示大量图表的应用程序,因此为了防止不必要的重新渲染,我一直在检查我的组件并查看我可以在哪里实施shouldComponentUpdate以提高效率。但是在一些更高的组件中这样做之后,我得到了一个关于图形组件本身的奇怪错误。我有<Graph/>这个渲染的通用父组件:

并且getGraph()基本上返回这个:

wheregraphComponentMapping[graphType]是一个<Table/>组件(或其他各种组件,但我们现在将重点放在 table 上)。现在在那个<Table/>组件中我渲染这个:

并且该getParameters()函数本质上只是查看配置属性并获取与 React Table 组件相关的所有属性。

现在,当我最初渲染时<Table/>,它具有正确的配置(即,如果我更改初始配置,则表匹配)。但是当我更新<Graph/>父级中的配置道具时,表格不会相应更新。再次调用中的渲染函数<Table/>,如果我this.props在表格的渲染中打印,我可以看到各种配置属性已更改,例如this.props.defaultPageSize已从 say 更改53,但表格不会重新渲染以反映这一点。即使在浏览器的 React 开发工具中,我也可以看到 props 发生了变化。

如果我通过使用随机键强制重新渲染元素,例如

然后它可以工作,并且当我传递新的配置道具时表格会更新。为什么收到新道具时它不更新,只有当我强制它完全重新渲染时?

0 投票
1 回答
28 浏览

reactjs - 子组件正确删除父状态的对象条目,但重新渲染时卸载错误的子组件

我有一个Order组件,它保留一个 Javascript 对象并为它的每个子对象this.state.newItems呈现组件OrderItem

OrderItem还接收回调以对父状态进行操作

我遇到了一种行为,例如在删除时正确更新了 javascript 对象,但卸载了错误的节点

视频: https ://streamable.com/bjesf

如您所见,OrderItem卸载了错误的组件

相关代码: