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

r - Shiny Plotly R - 重新渲染后保持缩放

有没有办法在 R 中以闪亮的情节保持我的视图(缩放级别/范围),因为情节重新渲染?

我有一个情节,从中删除了选定的值,之后情节重新渲染(因为R中没有删除痕迹?)。然后,我必须导航回情节上感兴趣的区域。这大大减慢了这个过程,有没有办法解决这个问题?

谢谢。

0 投票
0 回答
126 浏览

javascript - 重新渲染和 window.onload

是否可以在重新渲染 div 后使用元素加载?

我的 div:populatedChart 在单击按钮后重新渲染并填充了数据。一旦 div 加载了数据,我想检查特定信息并根据该信息采取行动。我的想法是使用onload函数来做到这一点。但它没有像我预期的那样工作。所以我不确定这是否可能。有人知道吗?

0 投票
1 回答
1198 浏览

reactjs - 在 react/redux 中的 post 请求后渲染视图

我有 post 方法助手,我正在对基本上正在运行的服务器进行其余调用,但视图/容器在调用后没有重新呈现。

我收到以下错误:dispatch is not defined在我调用此方法时在浏览器中

我从容器中调用如下:

这就是我的连接方法的样子:

我的问题是...

如何重新渲染我的视图?我想给该方法的这个调度不可用。是否有可能将休息与状态绑定mapDispatchToProps。知道如何解决这个问题,我对 react/redux 还很陌生——这是我在那个库中的第一个副项目。

谢谢

更新 1

我已经更新了代码,但出现了下一个错误,并且我的视图现在没有呈现(没有显示)。

0 投票
1 回答
624 浏览

ember.js - 如何在没有控制器余烬的情况下重新渲染另一个组件内的子组件

我有一个父组件名称-card -mode

在这个卡片模式组件中,我将通过调用 setcard 方法来渲染一个组件。

直到这个它工作正常。

但是现在,我必须在父组件中多次渲染同一个子组件。

认为 child-page-1, child-page-2 是应该在父组件中呈现的两个子组件。child-page-1 和 child-page-2 在我使用上一个和下一个操作调用它们时完美呈现。

但是当我再次尝试调用 child-page-2 时,不会再次调用 child-page-2 初始化函数。

我的问题:

我应该如何再次重新渲染子组件。我没有使用任何控制器和模型,因为我不需要它们。

0 投票
0 回答
387 浏览

javascript - 在 IE 中更新数据后在 Angular 中重新渲染数据表

我的应用程序中有一个驾驶舱,在 Angular 中有不同的 D3 图表和数据表,分布在三个选项卡上。所有数据都来自 API,并与 Datapromises 一起使用。客户希望能够过滤数据,例如使用特定项目编号。过滤也是通过 API 完成的,因此应用程序将使用正确的参数再次发送请求。

这一切都在 Chrome 56.0、Firefox 51.0.1 和 Safari 10.0.2 中运行良好

问题出现在 Internet Explorer 11(可能还有其他 IE 版本)

我将告诉你它是如何在 Chrome 中运行的工作流程。

控制台日志

蓝色日志只是 JavaScript console.time()HTTP.GETGOT日志来自我们的 ApiService,用于每个触发的 API 请求。所以现在你看到第一次访问驾驶舱时我们得到了 Request allManagerData。这个请求获取我们需要的所有数据来填充驾驶舱上的图表和表格。然后我们有一些自动完成输入,它们绑定到 API。此 API 调用recordsearch获取自动完成输入的选择选项。当从自动完成输入中选择一个对象时,过滤逻辑开始。其实也是一样的,和初始加载一样,只是API请求得到了另外一个参数正确的filter值。在第二个allManagerData请求返回后,所有数据表和图表将被重新渲染。

这工作正常,但不是在 IE 中!这是从 IE11 进行完全相同的输入时的控制台。

在此处输入图像描述

您会看到在初始请求中正确调用了 rerender-Functions,但是对于第二个请求,它在第一次重新渲染时崩溃。不关心哪个是第一个,它是第一个DataTable.rerender()在这两种情况下(初始和过滤后)都将调用重新渲染$cockpit.rerenderDataTables();

前端的数据表如下:

<table datatable="ng" dt-options="$cockpit.dtConfig.dtOptions" class="row-border stripe hover" dt-instance="$cockpit.dtStars">

我真的不知道.rerender()IE11 中的函数有什么问题。

有人也使用 Angular1 数据表并且在 IE 上重新渲染有问题吗?还是有其他想法?

谢谢!

0 投票
1 回答
218 浏览

javascript - 当组件包含帮助程序时如何重新渲染组件?

问题

我试图在一个动作之后重新渲染一个组件,但是我需要重新渲染的模板部分没有更新,因为它来自我制作的助手的结果,或者至少我认为是因为这个。

在我的组件模板中,我有这样的东西:

在关联的组件 js 文件中,我有这个动作:

我是怎么做的

我找到了一种方法来做到这一点,但感觉很奇怪,我使用了一个布尔值,我在动作中在真假之间切换以强制重新渲染

在模板中:

这是正确的方法吗?

0 投票
2 回答
3975 浏览

reactjs - React 子组件不会在其状态更改时重新渲染

我有一个返回其他组件的任务组件。但是,当我从 Tasks 组件更改子组件之一的状态时,它不会重新渲染。

我将“newTaskAdded”状态从父级传递给子级作为道具并将其分配给子级状态以重新渲染子组件,但它仍然没有发生。

我的目标是:当用户添加任务时,我希望它立即显示在屏幕上,这意味着用户必须刷新页面才能看到新任务。

任务.jsx:

ShowTasks.jsx

0 投票
0 回答
148 浏览

javascript - React-redux 状态更新但组件不重新渲染

关于这个话题有数百个问题,但对我没有任何帮助。

组件不重新渲染

正如您在上图中看到的那样,状态显然正在通过this.props.getSubcontractors();容器/SubcontractorListPage.jscomponentWillMount()函数进行更新。但是 viewComponent SubcontractorList.js 不会在 Props 更改时重新渲染。有一个空白页。

容器/SubcontractorListPage.js

components/viewComponents/SubcontractorList/SubcontractorList.js

行动/分包商.js

减速器/分包商.js

如何解决这个问题?

更新

0 投票
1 回答
704 浏览

templates - 单击按钮后流星重新渲染模板

我正在制作一个显示搜索结果的网页。单击“搜索”按钮后,应将 search_array 动态传递到模板中。单击按钮后如何动态刷新模板?这是我的代码:

search_post.html

search_post.js

0 投票
1 回答
52 浏览

reactjs - 当我更新商店时,我的一个控制器没有呈现

我试图学习反应,但是当我设置经过身份验证的道具时,我一直坚持让标头组件重新呈现。我读了很多关于它的文章,但是有很多不同的编码风格,我似乎无法有效地实现它们中的任何一种。当 this.props.authenticated 更改时,我试图让它重新渲染。这是我最近的尝试,我无法让它在代码的较小部分上工作,所以我想我会做整个块。

标头位于应用程序容器中。

app 容器在 index.js 中被调用

更改已验证值的登录组件是

signInUser 方法在 actions/auth.js 中

身份验证减速器是

组合的reducer是rootReducer

配置商店看起来像

和 initialState.js 看起来像这样。

对所有代码感到抱歉,但我觉得我一直在通过这些文件跟踪代码,我不知道为什么它不起作用,因为我可以从 API 获取数据,无论是在需要身份验证时还是不需要身份验证时. 我想我犯了一个愚蠢的初学者错误,但如果有人能让我知道那个错误是什么,那就太好了。

这是我创建应用程序和我在处理它时安装的其他模块所经历的过程。

谢谢您的帮助..