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