async await 解決資料非同步獲取

2022-07-01 15:27:11 字數 931 閱讀 6736

在react元件中,也比較一下promiseasync/await的方法異同。

傳統地使用promise

import react,  from 'react'  

import from 'react-redux'

import from '../actions/post'

class posteditform extends component

contributepost = e => )

.catch(err => )

} render ()

}export default connect(null, dispatch =>

})(posteditform)

如果使用async/await :

import react,  from 'react'  

import from 'react-redux'

import from '../actions/post'

class posteditform extends component

async contributepost = e => catch (err)

} render ()

}export default connect(null, dispatch =>

})(posteditform)

可以見得,兩種模式,async\await的更加直觀和簡潔,是未來的趨勢。但是目前,還需要利用babel的transform-async-to-module-method外掛程式來轉換其成為瀏覽器支援的語法,雖然沒有效能的提公升,但對於**編寫體驗要更好。

使用async await更好的解決非同步問題

async函式是generator的乙個語法糖,使用async函式實際上返回的是乙個promise物件。如下 async function fn 或者 const fn async 複製 在宣告函式的時候,前面加上關鍵字async即可。我們可以使用console.log列印出上邊宣告的函式fn,結果...

Elasticsearch解決健康狀態異常問題

目錄 1.elasticsearch健康狀態 2.如何解決健康狀態為黃色?3.如何解決健康狀態為紅色?elasticsearch 集群健康狀態分為三種 green 最健康得狀態,說明所有的分片包括備份都可用 這種情況elasticsearch集群所有的主分片和副本分片都已分配,elasticsear...

解決裝置執行異響

公司搭了一台三軸裝置,之前不覺得,最近聽到裝置執行時有異響,擔心把裝置搞壞,於是想著解決這個問題。聽了合作夥伴 我們的裝置放在他們公司 的建議,先調一下電機的引數,也就是平時所說的伺服引數整定,下了伺服驅動器的使用手冊,手動調了半天,沒動靜,自動調了半天,也沒改善,無論數值調大或者調小,甚至調出正常...