import { observable, autorun } from "mobx";

const observableNumber = observable.box(10)
const observableName = observable.box('zzf')

// 自动监听基本数据类型observableNumber变化
// auto首先默认会自动执行一次
autorun(() => {
  console.log(observableNumber.get())
})
setTimeout(() => {
  observableNumber.set(20)
}, 1000);

// 监听基本数据类型observableName变化,两个监听互不干扰
// 需要用到什么就监听什么数据
autorun(() => {
  console.log(observableName.get())
})
setTimeout(() => {
  observableName.set('zzz')
}, 2000);

function App() {
  return (
    <div className="App">App</div>
  );
}

export default App;