Mobx配置文件

2021-09-22 21:33:33 字數 1757 閱讀 5796

yarn add babel-plugin-transform-decorators-legacy -d


yarn add @babel/preset-env -d


yarn add babel-plugin-transform-class-properties -d


yarn add @babel/plugin-proposal-decorators -d
6.配置package.json:

"babel":]


,"transform-class-properties"],


"presets":[


,"@babel/preset-env"]}


,
[


"@babel/plugin-proposal-decorators",]


,"transform-class-properties"
1.新建store目錄：


srcstore


home


index.js


car 


index.js


index.js


2.在檔案入口中使用provider


import store from


'./store'


import


from


'mobx-react'


舉例：reactdom.


render


(>


>


<


/provider>


, document.


getelementbyid


('root'))


;3.那個元件使用，就在那個元件注入'inject'


import


from


'mobx-react'


@inject


('store'


)
4.打造mobx資料報：

import


from


'mobx'


class


home


@action //使用者操作，事件呼叫。


increment()


}const home =


newhome()


export


default home
5.打造store


store/index.js


import home from


'./home'


const store =


export


default store
6.元件內使用資料


this


.props.store.***可以拿到資料


注意：1.


this


.porps裡面沒有找到 @action 裝飾器定義的方法， 但是可以直接使用，


2.this會丟失


this


.props.store.home.increment.


bind


(this


)3.在你要使用store的元件上記得做觀察


import


from


'mobx-react'


@observer


class


mine


extends


component

MobX學習筆記

官方把mobx介紹為 簡單，可擴充套件的狀態管理 mobx是乙個狀態管理工具，用來儲存和更新狀態。react 和 mobx 是一對強力組合。react 通過提供機制把應用狀態轉換為可渲染元件樹並對其進行渲染。而mobx提供機制來儲存和更新應用狀態供 react 使用。mobx 的靈感來自excel ...

sphinx配置文件

sphinx的配置 source 源名稱1 index 索引名稱1 source 源名稱2 index 索引名稱2 indexer searchd type 資料庫型別 mysql 或sql sql user 資料庫使用者名稱 sql pass 資料庫密碼 sql db 資料庫名稱 sql port...

vsftpd配置文件

vsftpd 配置文件 cente os 安裝系統時已經選擇了安裝 ftp服務，因此 vsftpd 已經安裝 1.配置vsftpd 隨系統自動啟動 setup 選擇system services,選中vsftpd 儲存退出 2.修改配置檔案 vi etc vsftpd vsftpd.conf ano...