动态/异步组件渲染

文章/答案/技术大牛

发布

1回答

javascript、vue.js、vuejs2、vue-component

mounted() { },</script> 正如您所看到的，我在某种程度上加载小部件，并根据用户仪表板中的内容动态添加它们在加载第二个组件之前，是否可以允许一次加载一个组件，依此类推？我在考虑添加异步调用，但这不会阻止组件同时加载？期待您的反馈和帮助，您可以提供。

浏览 10提问于2019-02-28得票数 1

1回答

如何防止在componentDidMount中基于异步调用的react中出现双重渲染？

reactjs、asynchronous、call、mount

我有一个父组件和两个子组件。一次成功，一次失败，我需要在页面加载时基于异步调用显示这些组件。所以我在页面componentDidMount上进行了异步调用。但这会导致双重渲染。showSuccessPage && <FailurePage />}} 它始终首先渲染failurePage，然后更新以渲染successPage。如何防止双重渲染？

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

2回答

angular -知道模板渲染何时完成-使用异步管道

angular、asynchronous

我正在尝试实现一个进度仪表组件，以显示与异步管道呈现的模板组件的加载过程。问题是，我如何知道给定组件的渲染(使用异步管道)已完成。

浏览 1提问于2020-05-23得票数 1

2回答

基于路由的动态组件导入

vue.js、vue-router

我是VueJS的新手，我还没有发现基于路由加载组件的可能性。例如: page/:pageid page/one page/two我读过这个文档：。但这更多地关注于延迟加载。我没有看到一个动态导入和加载的例子。打招呼，彼得

浏览 4提问于2019-04-09得票数 0

1回答

物料UI评级组件未显示正确的值

javascript、reactjs、material-ui

我正在尝试渲染一个接收异步数据的组件循环。它目前工作正常，渲染正常，除了渲染的第一个组件，其中评级组件没有正确显示它的值(它只显示0星)。ReviewCard review={review} userId={localStorage.getItem('userId')}/> </Grid> 评论此处是异步数据defaultValue={review

浏览 2提问于2021-04-06得票数 0

1回答

条件呈现组件vue.js

vuejs2、vue-component

:item="obj1"></mini-card>如何动态显示组件或在用户操作后显示组件？包含迷你卡(静态显示)的测试组件的声明:export default name: "

浏览 27提问于2019-03-17得票数 0

1回答

如何在vue- test -utils和jest中使用动态导入测试组件

unit-testing、vue.js、jestjs、importerror、vue-test-utils

我正在测试一个动态导入子组件的组件。下面是该部分的屏幕截图错误它适用于普通导入，但不适用于动态异步导入。有谁能帮我配置Jest来支持异步组件导入吗？

浏览 1提问于2018-10-06得票数 3

4回答

react组件的异步渲染，如何设置全局加载组件？

reactjs、redux、react-router

我只想在异步调用成功后渲染组件。在此之前，我想展示一个加载组件来改善用户体验。在一个组件中，我知道如何处理它，指的是Reactjs async rendering of components。但在我的项目中，有许多页面(组件)使用异步调用来显示信息。那么，有没有一种方法可以在某个地方设置一个全局加载组件，而不是在每个组件中都写入内部状态？

浏览 39提问于2017-08-21得票数 1

回答已采纳

1回答

在Angular 2中获取不相交的依赖项注入器

angular、dependency-injection

我目前正在使用Angular 4的异步编译器动态加载外部模块，并使用NgComponentOutlet将它的一个组件添加到DOM中。在通过NgComponentOutlet进行一些跟踪之后，这似乎是因为NgModuleFactory依赖于渲染器等来创建组件。有没有办法获得这个注入器，或者创建一个最小的依赖注入器，它仍然包含呈现动态编译的组件所需的资源？

浏览 3提问于2017-07-24得票数 1

回答已采纳

2回答

如何为所有组件设置Header Fixed只在body部分中渲染组件标题应与fixed相同

reactjs、react-router、react-redux

如何为所有组件设置固定的头部，并且只在主体部分渲染组件，而且头部标题还需要根据渲染在主体部分的组件动态显示。是否可以通过Router或从redux显示

浏览 8提问于2017-03-02得票数 0

回答已采纳

1回答

呈现动态加载的React组件

reactjs、import、lazy-loading、code-splitting

‘这是我尝试在点击按钮时动态加载一个组件，并在页面上显示。 importModule: importedComponent });import DynamicallyImportedComponent from "./Dynam

浏览 5提问于2020-09-13得票数 0

3回答

Reactjs组件的异步渲染

javascript、ajax、asynchronous、reactjs、jquery-deferred

我想在ajax请求完成后呈现我的组件。有没有办法在开始渲染之前等待我的ajax请求结束？

浏览 1提问于2014-11-29得票数 88

回答已采纳

1回答

在vuejs的一个组件中可以使用多个"template“元素吗？

vue.js

在阅读Vue的官方指南时，这个问题在我的脑海中触发。好的，我一知道答案就会在这里更新。

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

1回答

反应纤维动画不能正常工作

javascript、reactjs、react-fiber

下面是我的组件： constructor

浏览 9提问于2018-02-02得票数 0

1回答

动态渲染实际上意味着什么？

javascript、seo、single-page-application、server-side-rendering

我不明白的是动态渲染和SSR有什么不同？使用动态渲染的整个想法是首先简化不使用SSR的过程，但是使用动态渲染仍然让我认为我们必须构建一个服务器，在那里创建html +异步调用，并返回SSR所做的最终html。它和SSR有什么不同？

浏览 0提问于2020-12-05得票数 1

2回答

反应条件渲染：(A)等待挂载子对象

javascript、reactjs、asynchronous、async-await

我有一个React类组件，它在默认情况下呈现null，并在调用activate()函数后呈现一些子级。简而言之，我的问题是在这个外部JS脚本中调用activate()并尝试访问<Child />组件中的HTMLElements之后(使用document.getElementById)，我得到了空指针，因为稍后会异步呈现<Child />组件。我已经尝试利用setState的异步特性，并尝试使用await this.setState({showComponent:

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

1回答

例如，如何将字符串形式的已解析promise对象映射到按钮

javascript、reactjs、promise、callback、components

我知道有一大堆类似的现有问题，但对于我的情况来说，没有一个问题真的足够简单。这是到目前为止我的承诺的行为： ? 至少在第62行和第63行，我们可以通过控制台看到找到了准确和正确的值。我的目标是要么将其作为值传递到someVar中，要么以某种方式使用更新后的值更新第70行。现在，我的按钮只是简单地呈现Object [Promise]，并且在promise解析后不会改变。这基本上是我编写的第一个promise函数，老实说，我很迷惑，尽管其他人的一些详细解释超出了我需要知道的范围，以便为api调用构造一个简单的promise。完整代码： import React from '

浏览 20提问于2019-05-26得票数 1

回答已采纳

1回答

如何保持组件与AsyncStorage同步？

react-native

所以我需要从异步存储中获取一个值来构建我的组件UI，这是没有问题的。但是，在另一个组件中，我将更改这个异步存储值，但是一旦我这样做了，我需要另一个组件重新渲染并从异步存储中获取更新值。我知道这可以在使用本地存储的react web中完成，但这是可能的，因为本地存储提供了一个事件侦听器，每当它改变时就会触发，但是没有办法将事件侦听器附加到异步存储。所以我的问题是，这有可能做到吗？

浏览 0提问于2019-11-28得票数 0

1回答

使用this.props.data时为空数组

reactjs

我使用render将数据分配给下一个使用props的组件，页面确实被渲染了。数据也出现了。但是在渲染组件之上，当使用this.props.data时，数组是空的。不知道为什么。我已经尝试了这些方法，但不起作用: 1.异步获取2.这个setState更新程序

浏览 28提问于2020-04-01得票数 0

1回答

存储userId:状态vs上下文vs异步存储

react-native、state、asyncstorage、userid

您建议如何存储userId (登录用户)并使子组件对此作出响应？如果此值发生变化，则使用state和context重新呈现子组件。我认为context的优势在于，你不必通过每个组件传递道具；也就是说，你有一个“类似redux”的全局状态。使用异步存储，您没有重新渲染，但我认为这是可取的？老实说，我很难理解为什么你会使用异步存储，而你可以使用useContext。有没有人能解释清楚？

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

点击加载更多