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 apiRequestAsync from '../../../../public/js/apiRequestAsync';
@action postList = async() => {
    let todoList = await apiRequestAsync.post('todoList');
    runInAction(() => {
        this.list = todoList.list;
    })
};

3、修改Index.jsx文件

componentDidMount() {
    newState.postList()
}

4、查看浏览器

原文发布于微信公众号 - 前端人人(frontend_everyone)

原文发表时间:2018-04-03

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web开发

前后端分离跨服务器文件上传-Java SpringMVC版

 近来工作上不上特别忙,加上对后台java了解一点,所以就抽时间,写了一个java版本的前后端分离的跨服务器文件上传功能,包括前后端代码。 一、Tomcat服务...

3.2K80
来自专栏静默虚空的博客

Notepad++ 实用技巧

Notepad++是一款开源的文本编辑器,功能强大。很适合用于编辑、注释代码。它支持绝大部分主流的编程语言。 本文主要列举了本人在实际使用中遇到的一些技巧。  ...

22170
来自专栏Youngxj

[源码分享]Emlog博客后台自适应主题 N+

93240
来自专栏DannyHoo的专栏

iOS10适配推送中的报错

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

22410
来自专栏雪胖纸的玩蛇日常

Vue+koa2开发一款全栈小程序(6.个人中心)

如果报错(往往因为mysql的版本8.0什么的,加密方式导致初始化脚本报错),解决办法

26220
来自专栏jeremy的技术点滴

现代Web开发系列教程_07

28350
来自专栏从零开始学自动化测试

Appium+python自动化20-查看iOS上app元素属性

前言 学UI自动化首先就是定位页面元素,玩过android版的appium小伙伴应该都知道,appium的windows版自带的Inspector可以定位app...

48450
来自专栏前端大白专栏

基于mpvue开发微信小程序,vue能用的,用mpvue哪些情况不能用

42470
来自专栏Micro_awake web

Vue学习2:模板语法

参考:https://cn.vuejs.org/v2/guide/syntax.html,http://www.runoob.com/vue2/vue-temp...

9300
来自专栏前端人人

React多页面应用4(webpack4 提取第三方包及公共组件)

本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建...

62250

扫码关注云+社区

领取腾讯云代金券