MobX Hooks 指南

MobX Hooks 是 MobX 中的一个高级功能，它允许你创建可重用的响应式逻辑。以下是一些关于 MobX Hooks 的基本概念和用法。

什么是 Hooks？

Hooks 是函数，它们可以让你在 MobX 中执行一些特定操作，比如获取状态、派发动作等。它们类似于 React 的 useEffect 和 useContext。

常用 Hooks

以下是一些常用的 MobX Hooks：

useMobXState: 用于在组件中访问和修改 MobX 状态。
useMobXDispatch: 用于在组件中派发 actions。
useMobXSelector: 用于从 store 中选择状态。

示例

以下是一个简单的示例，展示了如何使用 useMobXState 和 useMobXDispatch：

import { useMobXState, useMobXDispatch } from 'mobx-react-lite';

const [count, setCount] = useMobXState(0);
const dispatch = useMobXDispatch();

function increment() {
  dispatch({ type: 'INCREMENT' });
}

function decrement() {
  dispatch({ type: 'DECREMENT' });
}

扩展阅读

如果你想要了解更多关于 MobX Hooks 的信息，可以阅读官方文档：MobX Hooks

图片展示