如何用MobX观察局部状态反应?

问题描述

在他们的docs中的useLocalStore下,他们说:“相反,如果您的商店需要引用道具(或基于useState的本地状态),则useLocalStore应该与useAsObservableSource钩子结合使用,请参见下文。” >

我只想在useLocalStore中使useState可观察,但无法弄清楚。

这是我的密码和框:https://codesandbox.io/s/mobx-react-observable-local-state-mpi8q?file=/src/App.tsx

解决方法

我更改了:

  const store = useLocalStore(() => ({
    active: observableActive.active
    
  }));

  const store = useLocalStore(() => ({
    get active(){
      return observableActive.active
    } 
  }));