本文主要是介绍如何在React.FunctionComponent中使用async/await同步获取后端api数据，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
直接上例子
const BlogList: React.FunctionComponent<IProps> = (props: IProps) => {let [fakedata, setFakeData] = React.useState<blogsData>([]);React.useEffect(() => {async function temp () {let res = await getBlogsData();let data: blogsData = (res as blogFromData).map(value => {return {title: value.title,description: value.description ? value.description : "",date: new Date(value.createDate).toLocaleDateString(),views: value.views,likes: value.likes,labels: value.labels}})setFakeData(data);}temp();}, [])...
注意：在useEffect中不能直接使用async函数，因为只要是async函数就会返回一个Promise，因此我们需要再套一层函数，然后再赋值。
这篇关于如何在React.FunctionComponent中使用async/await同步获取后端api数据的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
