React第三方组件6(状态管理之Mobx的使用⑤异步操作)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章!

1、React第三方组件6(状态管理之Mobx的使用①简单使用)---2018.03.28

2、React第三方组件6(状态管理之Mobx的使用②TodoList上)---2018.03.29

3、React第三方组件6(状态管理之Mobx的使用③TodoList中)---2018.03.30

4、React第三方组件6(状态管理之Mobx的使用④TodoList下)---2018.04.02

5、React第三方组件6(状态管理之Mobx的使用⑤异步操作)---2018.04.03

开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2

1、我们复制一份mobx4到mobx5,并修改mobx下Index.jsx文件

2、修改State.js

import apiRequestAsyncfrom '../../../../public/js/apiRequestAsync';

@actionpostList =async() => {

let todoList =await apiRequestAsync.post('todoList');

   runInAction(() => {

this.list = todoList.list;

   })

};

3、修改Index.jsx文件

componentDidMount() {

newState.postList()

}

4、查看浏览器

本文完

禁止擅自转载,如需转载请在公众号中留言联系我们!

感谢童鞋们支持!

如果你有什么问题,可以在下方留言给我们!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容