import {action,autorun,observable,runInAction} from 'mobx';
class FnStore {
private readonly disposer: any;
@observable searchParams = {
//初始值
}
public constructor(/*此處可以接受參數(shù),從被注入此store的組件中,通過newFnStore(參數(shù))傳入*/){
this.disposer() = autorun(() => {
//獲取數(shù)據(jù)的方法(searchParams)
})
}
@action.bound
public updateSearch(params: object){
this.searchParams = {...this.searchParams,...params}
}
@action.bound
public cleanup(){
//一般在注入store的組件中,通過componentWillUnmount去調(diào)用
this.disposer()
}
}
export FnStore;
react-mobx框架-store
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關(guān)閱讀更多精彩內(nèi)容
- 寫在前面: 以下creact-react-app以下簡稱CRA 本文均使用yard進行包安裝及項目啟動和打包,喜歡...
- 上篇文章 create-react-app + webpack + antd + less + mobx 的dem...
- 之前做過react項目,但是沒有全面搭過框架,順便研究一波mobx。項目代碼github地址:https://gi...
- 之前做過react項目,但是沒有全面搭過框架,順便研究一波mobx。項目代碼github地址:https://gi...
- 用mobx和mobx-react代替redux和react-redux已經(jīng)時大勢所趨,既解決越寫越零散的reduc...