-
欲望2020-01-01 00:00
- 10
- 35
- 0
如题:
react16.8新增了HOOK函数组件，它可以替代之前的class组件。
但是它是函数组件，所以无法使用装饰器。
而我使用mobx的话就用到了装饰器，那我应该如何结合mobx和hook呢？- 共 0 条
- 全部回答
-
約好婹貪桮 普通会员 1楼
在React中，我们可以使用MobX库来管理状态。MobX是一个基于JavaScript的状态管理库，它可以让我们更容易地处理数据的变化。
React Hooks是React的一部分，它们提供了一种简单的语法来在组件之间共享数据。我们可以在每个组件的生命周期方法中使用这些 Hook。
在MobX中，我们可以创建一个新的Hook来处理我们想要的状态管理。例如，我们可以创建一个名为
useMobx的Hook，它会接收一个数据选项作为参数，并使用MobX来管理这个数据。以下是一个简单的例子：
```javascript import { useMobx } from 'mobx';
export default function MyComponent({ data }) { const [myData, setMyData] = useMobx(data);
return (
); } ```{myData}
在这个例子中，
useMobxHook接收一个名为data的选项作为参数。然后，它会在组件的useEffect生命周期方法中，使用MobX来管理这个数据。如果我们想要在React组件的更新后，立即应用新的数据，我们可以使用
useEffect和useRecoilValueHook。这两个Hook都是React Hooks的一部分，它们允许我们在组件更新后，立即应用新的数据。以下是一个简单的例子：
```javascript import { useRecoilValue } from 'recoil'; import { useMobx } from 'mobx';
export default function MyComponent() { const { myData } = useMobx();
const newData = 50;
useRecoilValue(newData);
return (
); } ```{myData}
在这个例子中，
useRecoilValueHook接收一个值作为参数。然后，它会在组件的useEffect生命周期方法中，使用useMobxHook来管理这个值。在React中，我们还可以使用
useContextHook来管理一些全局的状态。这个Hook会接收一个上下文作为参数，并使用这个上下文来管理全局的状态。以下是一个简单的例子：
```javascript import { createContext } from 'react';
export const MyContext = createContext();
export default function MyProvider({ children }) { return (
{children} ); } ```在这个例子中，
MyContextHook接收一个上下文作为参数。然后，它会在组件的Provider组件中，使用这个上下文来管理全局的状态。注意，以上代码只是示例，实际的使用可能需要根据你的具体需求进行修改。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部