在ES6 React .JS中使用Async / Await

Dan*_* R. 2 javascript asynchronous async-await reactjs

我有一个安装了ReactJS的NetCore2应用程序。

我的React应用程序做了这样的事情->

  • 用户输入字段
  • axios调用api以获取用户和/或用户列表
  • 输入字段显示基于在PeopleList状态下保存的内容的建议。

我正在使用Office Fabric UI React-People Picker(以防万一)。

我的问题是我不知道如何在代码中使用async / await。

如果我把这样的东西

async asynconFilterChanged = (filterText, currentPersonas, limitResults) => {

VS Code引发错误,告诉我异步仅适用于.ts文件。另外,如果我在任何其他函数中使用await,我将收到诸如的错误await is a reserved word

据我所知异步/等待不只是TS ...(或者我错了吗?)。

我正在使用带有ENV预设的较旧的Babel。

让我知道是否需要提供更多代码,但是TLDR我想要的是仅在axios完成将项目推入PeopleList状态(对象数组)后才启动过滤器功能。

谢谢!

Dmi*_*riy 10

使用箭头功能时,您应该这样编写async / await:

const asynconFilteredChanged = async () => {
 // code here 
}
Run Code Online (Sandbox Code Playgroud)

查看语法的异步箭头功能