react mobx

最新推荐文章于 2024-05-06 18:26:11 发布

前端代码の搬运工

最新推荐文章于 2024-05-06 18:26:11 发布

阅读量177

点赞数

分类专栏： vscode 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/a13145211/article/details/125568530

版权

vscode 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

import { makeAutoObservable } from 'mobx'
class ChannelStore {
  count = 0
  constructor() {
    makeAutoObservable(this)
  }
//定义action函数
addCount= ()=>{
 this.count++
}
}

const counterStore  = new CounterStore()
export {counterStore  }

//使用

1//导入countStore
import {counterStore} from './store/counter'
2/导入中间件链接box react 完成响应式
import {observer} from 'mbox-react-lite'
function App(){
return(
 <div className="App">
   {counterStore.count}
   <buttton onClick={counterStore.addCount}>
 <div>
)
}

export default observer(App)