import {action,autorun,observable,runInAction} from 'mobx';
class FnStore {
private readonly disposer: any;
@observable searchParams = {
//初始值
}
public constructor(/*此处可以接受参数,从被注入此store的组件中,通过newFnStore(参数)传入*/){
this.disposer() = autorun(() => {
//获取数据的方法(searchParams)
})
}
@action.bound
public updateSearch(params: object){
this.searchParams = {...this.searchParams,...params}
}
@action.bound
public cleanup(){
//一般在注入store的组件中,通过componentWillUnmount去调用
this.disposer()
}
}
export FnStore;
react-mobx框架-store
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 写在前面: 以下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已经时大势所趋,既解决越写越零散的reduc...