React-Mobx2020。注入钩子和useObserver

Question

当我从useStore获得数据（view）时，我必须一路写到（view：myStore.menu.view）并将其全部包裹在< [useObserver。有什么方法可以缩短代码，但仍然保持逻辑不变？我使用Mobx和React Hooks。

提前感谢！

function useBasketStore() {
  const { myStore } = useStore(['exampleStore']);

  return useObserver(() => ({
    view: myStore.menu?.view,
  }));
}

const BasketScreen = () => {
  const { view } = useBasketStore();
......
}

Answer 1

我想没有办法。仅当您的组件由观察者包装时才如此。然后，您可以使用数据：

function useBasketStore() {
  const { myStore } = useStore(['exampleStore']);

  return {
    view: myStore.menu?.view,
  };
}

const BasketScreen = () => {
  const { view } = useBasketStore();
......
}

export default observer(BasketScreen)