能否在非函数组件的普通函数中使用React Hooks？

结论：你描述的场景无法正常使用React Hooks。

你给出的示例代码如下：

export const simpleFunction = () => (state) => {
   // here is the hook 
}

不可用的核心原因 #

React Hooks有强制的调用约束，必须满足以下两个条件才能正常工作：

• 仅能在React函数组件的最顶层调用
• 仅能在符合规范的自定义Hook（命名以use开头、内部调用其他Hook的函数）的最顶层调用，且自定义Hook最终也需要在函数组件或其他自定义Hook中被调用

你定义的simpleFunction属于普通高阶函数，既不是React函数组件，也不是符合规范的自定义Hook。React运行时无法将该函数内的Hook调用和对应组件的节点状态绑定，不仅状态无法正常持久化更新，还会直接抛出「违反Hook调用规则」的运行时错误。

替代实现方案 #

如果要实现可复用的状态修改逻辑，可以选择两种适配方案：

• 将该逻辑封装为自定义Hook，将命名改为useSimpleFunction，内部封装状态和修改逻辑，直接在需要用到的函数组件顶层调用即可
• 如果确实需要在非组件上下文里修改全局状态，可以使用Redux、Zustand等支持非组件调用的状态管理库实现，不要依赖React原生Hook完成该需求

内容的提问来源于stack exchange，提问作者Eric