javascript - 在 ES6 React .JS 中使用 Async/Await

Question

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

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

用户输入字段

axios 调用 api 以获取用户和/或用户列表

输入字段根据保存在 PeopleList 状态中的内容显示建议。

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

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

如果我放这样的东西
async asynconFilterChanged = (filterText, currentPersonas, limitResults) => {

VS Code 抛出一个错误，告诉我 async 仅适用于 .ts 文件。此外，如果我在任何其他函数中使用 await，我会收到一个错误，例如 await is a reserved word .

据我所知 async/await 不仅仅是 TS ......(或者我错了吗？)。

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

如果我需要提供更多代码，请告诉我，但我想要的 TLDR 只是在我的 axios 完成将项目推送到 PeopleList 状态(对象数组)之后才启动过滤器功能。

谢谢!

Answer 1

使用箭头函数时，您应该像这样编写 async/await:

const asynconFilteredChanged = async () => {
 // code here 
}

查看 Syntax for async arrow function