使用带有 React 依赖项的 Mobx observables

如何解决使用带有 React 依赖项的 Mobx observables

Mobx 文档说使用模式 useEffect(reaction(..)) 来跟踪可观察到的变化，对我来说这看起来像是某种杂交。使用反应依赖数组来实现的问题是什么？我做了一个基本的测试，它按预期工作：

const Hello = observer(() => {
  const {
    participantStore: { audiodisabled },} = useStores();
  useEffect(() => {
    console.log('changed',audiodisabled);
  },[audiodisabled]);

  return <h1>TEST ME</h1>;
});

解决方法

在 MobX 中使用 React 之类的东西（例如 useEffect、useMemo 等）绝对没有问题。您只需要列出所有依赖项，如果依赖项很多，使用 reaction 或 autorun 可能更容易。

所以请随意使用您更喜欢的任何方式。