create-react-app + mobx 小demo

3 篇文章 0 订阅

新的一周又开始了,一如既往的家里办公~~~~

昨天开周会了,其他同事手里多少都有点工作,不像我,bug解决完了,新的需要还没出来,这就尴尬了???😅😅😅

不能告诉领导我是真的没事干吧???

哈哈,其实组长也知道自己手里到底有没有工作,不妨趁着闲暇之际,来学点儿东西吧~~~

我们公司对项目使用框架一般都是react+redux+saga,趁着工作不忙,来学习一下 “mobx” 吧!

但是没想到一上午过去了项目起步都起不来???到底遇见了什么鬼???

首先第一步: create-react-app mobxdemo

直接使用现成的脚手架来吧!

然后,进入目录:

cd mobxdemo

既然要用mobx ,那肯定也的安装 mobx啊,咱也要用到 mobx-react,那就一起安装一下吧

npm i mobx mobx-react

好了,这就安装完了,如果只是写一个简单到小demo,这些已经够了,那咱们就开始运行了~~~

npm run start

这就能看到项目算是跑起来了,但是咱们什么都没有写呢!

以下截图为所有写的内容,并且附带了注释,希望能帮到有需要到朋友,若没看懂,可以小窗口私聊:

在这里插入图片描述
效果图如下:

在这里插入图片描述
以上能看得出:autorun 追踪数据变化的------>只要数据发生变化,都能监听到(用来执行一些有副作用的,例如日志打印、更新ui等)

刚开始写的时候,也是遇到很多坑,也在博客里面总结过了:

  1. 对修饰器的实验支持是一项将在将来版本中更改的功能。设置 “experimentalDecorators” 选项以删除此警告
  2. react装饰器语法不支持(Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled)

主要就遇到这2个坑,希望能帮到大家!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值