docs(cn): translate reference/rules/rules-of-hooks.md into Chinese

修正不规范的翻译格式

Author: fsen-capricorn

src/content/reference/rules/rules-of-hooks.md

@@ -1,23 +1,23 @@
 ---
-title: Hooks 规则
+title: Hook 规则
 ---
 
 <Intro>
-Hooks 是通过 JavaScript 函数定义的, 但它们代表了一种特殊的可重用的 UI 逻辑，并且对它们的调用位置有限制。
+Hook 是通过 JavaScript 函数定义的, 但它们代表了一种特殊的可重用的 UI 逻辑，并且对它们的调用位置有限制。
 </Intro>
 
 <InlineToc />
 
 ---
 
-## 只在顶层调用 Hooks {/*only-call-hooks-at-the-top-level*/}
+## 只在顶层调用 Hook {/*only-call-hooks-at-the-top-level*/}
 
-名称以 `use` 开头的函数在 React 中被称为 [*Hooks*](/reference/react) 。
+名称以 `use` 开头的函数在 React 中被称为 **[Hook](/reference/react)**。
 
-** 不要在循环、条件、嵌套函数或 `try`/`catch`/`finally` 块中调用 Hooks ** 相反，你应该在 React 函数的顶层调用 Hooks ，并且在任何提前返回之前。你只能在 React 渲染函数组件时调用 Hooks ：
+**不要在循环、条件、嵌套函数或 `try`/`catch`/`finally` 块中调用 Hook** 相反，你应该在 React 函数的顶层调用 Hook，并且在任何提前返回之前。你只能在 React 渲染函数组件时调用 Hook：
 
-* ✅ 在[函数组件](/learn/your-first-component)的顶层调用 Hooks 。
-* ✅ 在[自定义 Hooks ](/learn/reusing-logic-with-custom-hooks)的顶层调用 Hooks 。
+* ✅ 在[函数组件](/learn/your-first-component)的顶层调用 Hook。
+* ✅ 在[自定义 Hook](/learn/reusing-logic-with-custom-hooks)的顶层调用 Hook。
 
 ```js{2-3,8-9}
 function Counter() {
@@ -33,14 +33,14 @@ function useWindowWidth() {
 }
 ```
 
-在其他任何情况下调用以 `use` 开头的 Hooks 是不支持的，例如：
+在其他任何情况下调用以 `use` 开头的 Hook 是不支持的，例如：
 
-* 🔴 不要在条件或循环中调用 Hooks 。
-* 🔴 不要在条件 `return` 语句之后调用 Hooks 。
-* 🔴 不要在事件处理程序中调用 Hooks 。
-* 🔴 不要在类组件中调用 Hooks 。
-* 🔴 不要在传递给 `useMemo` 、`useReducer` 或 `useEffect` 的函数内部调用 Hooks 。
-* 🔴 不要在 `try`/`catch`/`finally` 块中调用 Hooks 。
+* 🔴 不要在条件或循环中调用 Hook。
+* 🔴 不要在条件 `return` 语句之后调用 Hook。
+* 🔴 不要在事件处理程序中调用 Hook。
+* 🔴 不要在类组件中调用 Hook。
+* 🔴 不要在传递给 `useMemo`、`useReducer` 或 `useEffect` 的函数内部调用 Hook。
+* 🔴 不要在 `try`/`catch`/`finally` 块中调用 Hook。
 
 如果你违反了这些规则，你可能会看到以下错误：
 
@@ -109,18 +109,18 @@ function Bad() {
 
 <Note>
 
-[自定义 Hooks](/learn/reusing-logic-with-custom-hooks) *可以* 调用其他 Hooks （这就是它们的目的）。因为自定义 Hooks 也只能在函数组件渲染时被调用。
+[自定义 Hook](/learn/reusing-logic-with-custom-hooks) **可以** 调用其他 Hook（这就是它们的目的）。因为自定义 Hook 也只能在函数组件渲染时被调用。
 
 </Note>
 
 ---
 
-## 只在 React 函数中调用 Hooks {/*only-call-hooks-from-react-functions*/}
+## 只在 React 函数中调用 Hook {/*only-call-hooks-from-react-functions*/}
 
-不要在常规的 JavaScript 函数中调用 Hooks 。相反，你可以：
+不要在常规的 JavaScript 函数中调用 Hook。相反，你可以：
 
-✅ 在 React 函数组件中调用 Hooks 。
-✅ 在 [自定义 Hooks ](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) 中调用 Hooks 。
+✅ 在 React 函数组件中调用 Hook。
+✅ 在 [自定义 Hook](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) 中调用 Hook。
 
 遵循这个规则，你可以确保组件中的所有有状态逻辑在其源代码中清晰可见。