create-react-app + mobx 小demo

新的一週又開始了,一如既往的家裏辦公~~~~

昨天開週會了,其他同事手裏多少都有點工作,不像我,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個坑,希望能幫到大家!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章