Eson Wong's Blog
·
怎么创建自定义 React Hooks?
💡
原文中文，约1500字，阅读约需4分钟。
📝
内容提要
React Hooks 是 React 16.8 版本引入的新特性，可以在函数组件中使用状态和其他 React Class 组件的特性。使用规则是只能在函数组件中使用，不能在类组件中使用，也不能在循环语句、条件语句、嵌套函数中使用。可以创建自定义 React Hooks，以 use 开头命名，用于提取组件中可复用的逻辑。在自定义 React Hooks 中可以使用 React 预置的 useEffect Hook 来设置标题。
🎯
关键要点
-
React Hooks 是 React 16.8 版本引入的新特性，可以在函数组件中使用状态和其他 React Class 组件的特性。
-
React Hooks 只能在函数组件中使用，不能在类组件中使用，也不能在循环、条件语句或嵌套函数中使用。
-
可以创建自定义 React Hooks，以 use 开头命名，用于提取组件中可复用的逻辑。
-
自定义 React Hooks 可以在内部调用其他 React Hooks，供多个组件使用。
-
使用自定义 React Hooks 时，必须在函数组件内部和自定义 Hooks 内使用，不能在普通函数中使用。
-
创建自定义 React Hooks 的例子是 useTitle，它使用 useEffect Hook 来设置文档标题。
➡️
