Question

当我从 useStore 获得数据（视图）时，我必须一直写到这一切（视图：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)

React-Mobx2020。注入钩子和useObserver

1 个答案: