React JS:如何在自定义钩子中使用观察者获取MobX商店的状态？

import { useEffect } from 'react';
import { observer } from 'mobx-react';
import { useStore } from './store'; // 假设你的商店名称为'store'，请根据实际情况修改

export const useCustomHook = () => {
  const store = useStore(); // 获取商店实例，假设你已经创建了一个名为'useStore'的自定义钩子来获取商店实例

  useEffect(() => {
    const dispose = observer(() => {
      // 在这里更新你的组件状态或执行其他操作，观察者会在MobX状态更改时触发
    });

    return () => dispose(); // 在组件卸载时取消观察者订阅
  }, [store]); // 仅在store更改时重新运行effect
};

import React from 'react';
import { useCustomHook } from './customHook';

const MyComponent = () => {
  useCustomHook();

  return (
    <div>
      {/* 在这里渲染你的组件 */}
    </div>
  );
};

export default MyComponent;