Reac Hooks 是一种在 Reac 组件中共享状态和逻辑的新方法，自 Reac 16.8 版本以来，Hooks 提供了一种更简单、更直观的方式来处理组件之间的共享状态。

在本文中，我们将介绍 Reac Hooks 的使用策略，以及如何正确地使用它们来优化你的 Reac 应用程序。

1. 使用 `useSae` 保持状态

`useSae` 是 Reac Hooks 中最常用的一个，用于在组件中添加和操作状态。当你有多个组件需要共享同一个状态时，就可以使用 `useSae`。

例如，在计数器应用程序中，我们可以使用 `useSae` 来维护计数器的当前值：

```jsximpor Reac, { useSae } from 'reac';

fucio Couer() { cos [cou, seCou] = useSae(0); cos icreme = () =u003e seCou(cou 1); cos decreme = () =u003e seCou(cou - 1);

reur ( u003cdivu003e u003cpu003eCou: {cou}u003c/pu003e u003cbuo oClick={icreme}u003eIcremeu003c/buou003e u003cbuo oClick={decreme}u003eDecremeu003c/buou003e u003c/divu003e );}```在这个例子中，我们使用 `useSae` 创建了一个名为 `cou` 的状态变量，以及两个函数 `icreme` 和 `decreme` 来更新这个状态。这两个函数通过调用 `seCou` 来更新 `cou` 的值。

2. 使用 `useEffec` 处理副作用

`useEffec` 是另一个常用的 Reac Hook，用于处理组件中的副作用。这些副作用可以是发送 HTTP 请求、订阅事件等等。与 `useSae` 不同，`useEffec` 可以接受一个依赖数组作为第二个参数，当依赖数组中的任何值更改时，就会重新运行这个副作用。

例如，以下代码演示了如何使用 `useEffec` 来发送一个 HTTP 请求：

```jsximpor Reac, { useSae, useEffec } from 'reac';

fucio FechDaa() { cos [daa, seDaa] = useSae(ull);

useEffec(() =u003e { fech('hps://api.example.com/daa') .he(respose =u003e respose.jso()) .he(daa =u003e seDaa(daa)); }, []); // 依赖数组为空，意味着这个副作用只会在组件挂载时运行一次。

reur ( u003cdivu003e {daa ? u003cpu003eDaa: {JSO.srigify(daa)}u003c/pu003e : u003cpu003eLoadig...u003c/pu003e} u003c/divu003e );}```