带有useObserver钩子的MobX React HOC

Question

我正在尝试从mobx为useObservable挂钩创建一个反应HOC，但它对更改没有反应。

工作代码：

const MobXItemsList = () => {
  const store = useContext(MobxDataStore);
  return useObserver(() => (
    <ItemsList
      customers={store.customers}
      initialized={store.initialized}
      length={store.customers.length}
    />
  ));
};
export default MobXItemsList;

带有HOC的版本不起作用（不响应/未观察到任何更改）：

const withObserverMobx = Component => () => {
  const store = useContext(MobxDataStore);
  return useObserver(() => <Component store={store} />);
};

export default withObserverMobx(({ store }) => {
  return (
    <ItemsList
      customers={store.customers}
      initialized={true}
      length={store.customers.length}
    />
  );
});

Answer 1

这是来自mobxjs github的答案：https://github.com/mobxjs/mobx/issues/2170