pro-antd 报错Error: Invalid hook call. Hooks can only be called inside of the body of a function compo

前端同学

于 2024-08-26 18:23:24 发布

阅读量172

点赞数 2

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44730897/article/details/141570612

版权

使用了pro antd，一直
报错Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

检查了react版本

    "@types/react": "^17.0.1",
    "@types/react-dom": "^17.0.1",
    "antd": "^4.24.12",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",

发现@types/react版本使用有问题

最后将其升级为

    "@types/react": "^18.0.25",

得以解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端同学

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil

高级前端工程师

02-01

2320

react，ant design pro，react报错React.createElement，报错怎么办，详细解决办法，如何解决浏览器控制台报错，如何解决ant组件库报错，使用ant design pro创建组件时报错Warning: React.createElement: type is invalid – expected a string (for built-in components) or a class/function (for composite components) but got

next-plugin-antd-less:将Antd（较少）与Next.js结合使用，对其他Next-Plugs零依赖

04-27

Next.js + Antd（更少）将（较少）与，对其他...const withAntdLess = require ( 'next-plugin-antd-less' ) ; module . exports = withAntdLess ( { // optional modifyVars : { '@primary-color' : '#04f' } ,

参与评论您还未登录，请先登录后发表或查看评论

Form.useForm()报错:Error: Invalid hook call. Hooks can only be called inside of the body

Weston_J的博客

06-24

6976

Form.useForm报错:Error: Invalid hook call. Hooks can only be called inside of the body of a function component.问题描述错误原因示例代码官网说明问题描述想使用form提供的Form.useForm() 创建的 form 控制实例，对表单进行赋值取值重置等操作，但在使用formR = Form.useForm()却提示以上错误。错误原因这是由于useForm 是 React Hooks 的实现，只

react出现了Invalid hook call. Hooks can only be called inside of the body of a function component.

weixin_38441229的博客

08-07

2270

/ Hook 只能在函数组件的最顶层使用 function Example() { if (someCondition) { const [count, setCount] = useState(0);在普通的 JavaScript 函数中使用 Hook 在 class 组件中使用 Hook 在自定义 Hook 内部再调用 Hook 在条件判断或循环中使用 Hook。这是因为你在函数组件以外使用了 React Hook。根据 React Hook 规则,Hook 只能在函数组件的最顶层作用域中调用。

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

热门推荐

不见浅诗的博客

01-18

3万+

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might ...

Invalid hook call. Hooks can only be called inside of the body of a function

qq_46162007的博客

01-18

2万+

Invalid hook call. Hooks can only be called inside of the body of a function

Invalid hook call. Hooks can only be called inside of the body of a function component

xt_XiTu的博客

08-11

926

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be

umi-antd-pro::ghost:use umi conventional routing in Ant Design Pro 使用umi约定式路由多Tabs的Ant Design Pro（Antd Pro的实验项目）

05-22

English || | | 蚂蚁设计专业版适用于企业应用程序的即用... 宣布Ant Design Pro 2.0.0 翻译招聘 :loudspeaker: 我们需要您的帮助： https : //github.com/ant-design/ant-design-pro/issues/120 特征 :gem_stone:

vue-antd-pro:vue + ant-design-vue创建后台管理系统模板

03-11

欢迎来到vue-antd-pro :waving_hand: 基于vue-cli3和构建的后台管理系统模板，使用json-server做数据模型。安装依赖安装前端依赖 yarn 安装数据mock依赖 cd server yarn 运行运行数据mock服务 // enter server ...

vue3-vuex4-antd-express:vuex3-vuex4.0-ant设计-vue-express

03-09

Uncaught SyntaxError: Must be called at the top of a `setup` function at createCompileError ( vue - i18n . js ? v = 465 da450 : 419 ) at createI18nError ( vue - i18n . js ? v = 465 da450 : 2397 ) ...

Invalid hook call. Hooks can only be called inside of the body of a function component.

PromiseCao的博客

08-12

3551

讲swr请求写在useEffect中遇到报错在swr issue中找到了解决方案点我跳转其中，react hooks中注明了hook调用只能在最外层 Only Call Hooks at the Top Level Don’t call Hooks inside loops, conditions, or nested functions.Instead, always use Hooks at the top level of your React function...

【React】Invalid hook call. Hooks can only be called inside of the body of a function component.

zqq_2016的博客

10-22

1439

具体报错信息：解决办法： cnpm install --save react@^16.12.0 react-dom@^16.12.0 最好在执行完以上命令后，重新执行一下npm start.

react 运行报错Error: Invalid hook call.

qq_45686696的博客

07-19

1898

Error: Invalid hook call.

React中使用Ant Design组件库报错 invalid hook call && 组件无法正常显示

qq_45327886的博客

10-17

8816

一、使用Ant Design 的组件报错 Uncaught Error:invalid hook call . Hooks can only be called inside of the body of a function component .This could happen for one of the following resons: react.developement.js :1465

react报错之Invalid hook call