没有合适的资源?快使用搜索试试~ 我知道了~
csy512889371#learnDoc#React学习笔记_ReactRedux应用使用AsyncAwait1
需积分: 0 0 下载量 60 浏览量
2022-07-25
14:31:57
上传
评论
收藏 4KB MD 举报
温馨提示
试读
Components 组件import React, { Component } from 'react'import { connect } from 're
资源推荐
资源详情
资源评论
# Async/Await
> Async/Await是尚未正式公布的ES7标准新特性。简而言之,就是让你以同步方法的思维编写异步代码。对于前端,异步任务代码的编写经历了 callback 到现在流行的 Promise ,最终会进化为 Async/Await 。虽然这个特性尚未正式发布,但是利用babel polyfill我们已经可以在应用中使用它了。
## 简单的React/Redux例子。
传统方法是利用 Promise 结合 Redux-thunk 中间件实现:
```javascript
import axios from 'axios'
export default function createPost (params) {
const success = (result) => {
dispatch({
type: 'CREATE_POST_SUCCESS',
payload: result
})
return result
}
const fail = (err) => {
dispatch({
type: 'CREATE_POST_FAIL',
err
})
return err
}
return dispatch => {
return axios.post('http://xxxxx', params)
.then(success)
.catch(fail)
}
}
```
**async/await 的实现:**
```javascript
import axios from 'axios'
export default function createPost (params) {
const success = (result) => {
dispat
点击阅读更多
资源评论
番皂泡
- 粉丝: 18
- 资源: 320
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功