React Hook "useEffect" is called in function "returnOrderPrint" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks报错原因

这个报错的原因是因为在使用React Hook时，必须在React函数组件或自定义React Hook函数中使用，而在普通的JavaScript函数中使用会导致报错。解决方法是将包含React Hook的代码放在React函数组件或自定义React Hook函数中。如果你的函数名不是以 `use` 开头，也会导致这个错误，因为React会将所有以 `use` 开头的函数视为自定义Hook函数。

相关问题

React Hook "useContractModel" is called in function "viechDrawer" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks 解决方法

这个错误是由 React Hook 规则引起的，它表示你在一个不是 React 函数组件或自定义 React Hook 函数中调用了 `useContractModel` Hook。解决这个错误的方法如下：

1. 确保 `viechDrawer` 是一个 React 函数组件或自定义 React Hook 函数。如果不是，请将其转换为函数组件或 Hook 函数。

2. 确保 `useContractModel` Hook 的实现没有问题，它应该只在函数组件或自定义 Hook 函数中使用，不能在其他函数中调用。

3. 确保你的代码中使用了最新版本的 React 和 React Hook 相关库，以避免因版本不兼容而导致的错误。

4. 如果以上方法都没有解决问题，可以使用 ESLint 插件 `eslint-plugin-react-hooks` 来检查 React Hook 的使用规则。在 ESLint 配置中添加以下规则：

   "plugins": ["react-hooks"],
   "rules": {
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn"
   }

这个配置可以帮助你检查并修复 React Hook 相关的错误。