React/Javascript -在运行函数之前等待变量填充
React是一个用于构建用户界面的JavaScript库，而JavaScript是一种广泛使用的编程语言。在React中，可以使用JavaScript编写组件，这些组件可以根据数据的变化来更新用户界面。
在运行函数之前等待变量填充是一种常见的编程需求，可以通过使用异步编程的方式来实现。在JavaScript中，可以使用async/await关键字来实现等待变量填充的功能。
具体实现步骤如下：
- 在函数定义前面加上async关键字，表示该函数是一个异步函数。
- 在需要等待变量填充的地方，使用await关键字加上一个Promise对象，表示等待该Promise对象的状态变为resolved（已完成）。
- 在await后面的表达式中，可以调用一个返回Promise对象的函数，或者直接使用一个Promise对象。
- 当Promise对象的状态变为resolved时，await表达式会返回Promise对象的resolved值，并继续执行后面的代码。
这种方式可以用于等待异步操作的结果，例如等待网络请求返回的数据、等待用户输入等。在React中，可以在组件的生命周期方法中使用async/await来等待数据的填充，然后再更新组件的状态，从而实现界面的更新。
推荐的腾讯云相关产品：腾讯云函数（云原生）- 无需管理服务器的事件驱动型计算服务，可用于快速构建和部署云函数。产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
我将其设置为处理输入更改时的地理编码(选定的位置)，但如果用户在键入位置后单击提交按钮，而没有从自动完成结果中进行选择，则还可以处理地理编码。一旦我获得用户选择的位置，我将使用一个函数updateParentState()将经纬度/lng坐标传递给父组件的状态。我想做的是在运行该函数之前等待填充lat和lng变量。目前，函数的自动完成部分，即条件的if (place.geometry)部分正在工作，因为lat/ln
浏览 16提问于2020-04-11得票数 0
我有下面的代码，它只能在调试器模式下工作，在console.log上有一个突破点。数组pageData在编译时为空，最终不会编译下一个each循环。
浏览 1提问于2016-03-19得票数 0
4回答
isFullVersionBought').then((data) => { let fullversionbought = data;如何在此函数之外使用fullversionbought变量？
浏览 6提问于2017-01-20得票数 0
回答已采纳
因此，在导航到另一个页面之前，我希望使函数延迟读取行。我有一个微服务正在无限循环上运行，它从文本文件中读取和写入。由于这个过程可能需要一段时间，我想至少等待5秒。这是我的密码：import { useNavigate } from 'react-router-dom';
importReact from "rea
浏览 8提问于2022-05-25得票数 2
回答已采纳
当我在导航中的某个位置进行路由时，我希望在屏幕displays...this函数改变应用程序的主题之前执行一个函数。新主题是在状态发生变化时设置的，而不是在状态更改之前设置的。如果我能够在我的componentWillReceiveProps中运行一个类似于NavigationContainer的函数，那么这将允许我在下一个路线显示之前更改主题(删除看起来难看的主题更改的延迟下面是
浏览 2提问于2020-08-27得票数 1
5回答
我在JavaScript中有一个滚动文本，其中包含一些变量。我通过PHP脚本获取变量，然后将它们打印在滚动文本上。问题是(我认为)脚本没有时间在页面加载之前获得变量，所以我得到的变量变成= 'undefined‘。但是，如果在phpscript之后，但在填充滚动体之前，我调用了一个alert();，在我单击“ok”之后，滚动体将填充有关变量</e
浏览 5提问于2013-11-19得票数 0
回答已采纳
我希望从web服务中获取数据并用获取的数据填充变量，但是在运行之前，我的等待方法运行init状态方法，而我的变量在新页面中获得空值如何解决它。我在super.init状态方法之前运行这个方法，但是不工作
浏览 0提问于2019-08-07得票数 0
回答已采纳
我正在尝试在我的react原生& expo环境中实现顶级等待，这样我就可以从AsyncStorage中提取数据，并将其存储在一个变量中，以便在我的应用程序中全局使用。我在android模拟器上运行这个应用程序。我想做的就是获取数据并在我的应用程序中使用它，但是当在异步函数外部调用时，变量总是返回一个空对象。它似乎是在AsyncStorage中的数据加载完成之前对变量应用一个
浏览 2提问于2020-12-16得票数 0
我有一个要求，那就是我必须隐藏环境变量，而不是将它们提交到git存储库。例如，在ASP.net核心中，我们使用占位符： "api-key": [placeholder],}
在React .env文件中，我们可以使用类似于上面的占位符，并通过运行cmd或powershell脚本来填充它们吗？这真的能在Javascript中工作吗？我假设在捆绑所有内容<em
浏览 25提问于2019-10-21得票数 0
回答已采纳
我使用一个变量从useEffect()调用该函数，该变量从浏览器中的扩展接收数据。但是函数是在初始化一个值之前调用的。如何等待变量初始化？然后调用函数..。
浏览 24提问于2019-10-03得票数 0
我想知道单击时如何调用某些函数： <Link to="/">page</Link> 并在路由更改之前调用一些函数。 例如 我在组件A中，我正在单击某个链接前往组件B。路由将更改，但在路由更改之前，我不想播放一些javascript动画，也不想等待动画将完成，然后路由将前往组件B。 我正在使用react-router-4
浏览 26提问于2019-07-04得票数 1
数据在触发事件时不可用。在填充变量之前，我需要等待AJAX调用返回。PEBKAC的经典案例。
我有一个包含两个类的div，其中一个是class1，另一个可以是class2或class3。我需要这个函数只返回div中的第二个类。目前，代码在控制台中创建了一个类数组，但在GTM中没有做任何事情。在GTM中，它应该用classes1的内容填充一个自定义的JavaScript变量，该<em
浏览 0提问于2017-12-01得票数 0
我正在创建一个React Native Android应用程序，它从数据库中提取数据并显示出来。render() { <View><Text>{ data }</Text></View>}
不起作用，因为变量还没有定义。
浏览 0提问于2018-04-18得票数 3
回答已采纳
我试图在使用CSS/JS创建的网站上构建并添加一个自定义游标。一切都很好，网页正常加载直到你移动鼠标.甚至一个像素。cursor.js： return <span></span>;
const cursor
浏览 2提问于2020-08-09得票数 0
回答已采纳
1回答
我现在想在我的asp.net页面上添加一些react组件。我面临的问题是连接部分页面，webpack和react。我正在使用webpack生成一个包，其中也包含所有的react组件。
在其中一个组件中，我正在等待窗口加载事件，然后才能在div上呈现该组件，该div是部分页面的一部分。但是，考虑到我在.cshtml上加载包，它也呈现部分页面，窗口加载函数在加载部分页面之前触发，因此在
浏览 0提问于2018-06-27得票数 0
3回答
我根据异步函数的结果设置了一个变量，该变量为initialState const initialState = await getContacts() }).catch(err => console.log(err));
} 我想我的部分问题可能是我试图从一个普通的javascript它实际上是我的React应用程序的index.js。在加载应用程序之前<
浏览 114提问于2019-04-05得票数 0
在通过api返回数据之前，我希望处理从mongodb中提取的数据。}
}
然而，用户没有定义.我的猜测是，在响应返回到有效地填充“用户”之前，代码会向前运行--我用什么正确的方式等待变量被填充，以便能够使用内容？或者这不是等待的母亲，而是不同的错误？
浏览 4提问于2016-04-15得票数 1
回答已采纳
我最近已经开始使用react本机，我正在使用世博构建这个移动应用程序。我正在使用useEffect()来调用其中的一个函数。我只想在显示结果(在本例中是connectionName变量)之前，等待API的响应完全完成。我将useEffect()函数wallets作为第二个参数，因为每当wallets更改时，都希望再次获取wallets，但我似乎在无限循环中运行，尽管wallets没有更改。任何帮助都是非常感谢的。export defa
浏览 4提问于2020-03-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
