React Hook “useState” is called in function “xxx(函数名)” which is neither a React function

最新推荐文章于 2023-04-08 08:22:44 发布
最新推荐文章于 2023-04-08 08:22:44 发布
阅读量3.4k 收藏
点赞数 2
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h_midnight/article/details/106922599
版权

报错内容

./src/Containers/device/add/index.tsx
  Line 284:23:  React Hook "useState" is called in function "newDeviceForm" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks

Search for the keywords to learn more about each error.

解决方案

把报错的组件改写为class或构造函数。

  1. 找到报错函数
    在这里插入图片描述
  2. 报错Function首字母改为大写即可
    在这里插入图片描述
_midnight
关注
React Hook “useState“ is called in function “xxx“ which is neither a React function component or解决办法
feinifi的博客
08-27 1万+
如题所示，在React开发中，我们会自定义一些函数，比如hook函数，或者组件，当我们使用了useState,useEffect等这些hook函数的时候，可能会报错，如下所示，是一个完整的报错信息截图： 报错信息很明确，就是loadData函数既不是一个React组件，也不是一个Hook函数。React默认组件是使用的大写字母开头，而自定义Hook函数使用的是use开头，所以我们这里需要修改有两种办法，就是将loadData修改为LoadData或者useLoadData，或者useD...
React Hook “useState“ is called in function “xxxx“ which is neither a React function component
bidang3275的博客
04-08 1825
报错 React Hook “useState” is called in function “search” which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks 原因分析 报错提示search函数既不是一个React组件，也不是一个Hook函数。 React中定义组件有两种方式： 1). 组件名首字母大写，如：Search 2). 自定义Hook函
React Hook “useState“ is called in function “example“ which is neither a React function component or
qq_38385108的博客
10-15 846
React Hook “useState” is called in function “example” which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks 问题描述： 引入 React 中的 useState Hook。在函数组件中存储内部 state,时产生的小bug。 原因分析： 意思就是React钩子“useState”是在函数“exam
React Hook “useState“ is called in function xx which is neither a React function component or
马优晨
12-09 2016
如上图报错信息： 问题就出现在函数的取名，函数名首字母要大写 我的函数名是slider 改为Slider就不会报错了；
React Hook "useState" is called in function "xxx(函数名)" which is neither a React function comp
weixin_43762274的博客
04-18 4476
问题：React Hook “useState” is called in function “index” which is neither a React function component or a custom React Hook function.eslint(react-hooks/rules-of-hooks) 在使用函数组件中useState的时候，偶遇这个小坑，记录一下 这...
React Hook "useContractModel" is called in function "viechDrawer" which is neither a React function component or a custom React Hook function
06-13
1. `useContractModel` 是一个 React Hook，但它被调用的函数 `viechDrawer` 不是一个 React 函数组件或自定义的 React Hook 函数。React Hook 只能在函数组件和自定义的 Hook 函数中被调用，如果在其他函数中使用，...
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报错原因
06-06
这个报错的原因是因为在使用React Hook时，必须在React函数组件或自定义React Hook函数中使用，而在...如果你的函数名不是以 `use` 开头，也会导致这个错误，因为React会将所有以 `use` 开头的函数视为自定义Hook函数。
React Hook “useState“ is called in function “index“ that is neither a React function
qq_40714451的博客
04-02 2356
Line 8:28: React Hook "useState" is called in function "index" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use" react-
react 编译错误。持续更新
toStudy_的博客
09-22 1327
react初学，编译错误
react报错-React Hook “useState“ is called in function “search“ that is neither a React function compon
m0_62544477的博客
04-08 744
React自定义函数组件忘记将。
React随记：React常见报错及解决方案
鸡肋佐的博客
01-12 3619
React常见报错及解决方案
React- Hook 踩坑“useState“ is called in function “addP“ which is neither a React
weixin_42786389的博客
07-03 1804
import React, { useState } from "react"; function addProduct() { const [loading, setLoading] = useState(false); } export default addProduct; 主函数首字母应该大写 也就是addProduct 替换成 AddProduct就可以了✨ 歪歪歪????,清醒一点~不要瞌睡了 ...
ReactHooks--踩坑1 ：React Hook xx is called in function xx which is neither a React function component
Franklin_k的博客
05-14 1468
直接上代码 import React, { useState } from 'react'; function example(){ const [ count,setCount ] =useState(0) return( <div> <div> you have clicked {count} times </div> <bu
react新特性
hyduan_h5的博客
12-02 262
React16Up 16.2 Fragment 不会被渲染的包裹组件 16.3 createContext 父子组件可以通过 props 自顶向下的传递数据 当组件深度嵌套时，从顶层组件向最内层组件传递数据就不那么方便 因为在老的Context中由上而下的“触发链”有可能被shouldComponentUpdate打断。 //context.js Provider(生产者) Consum...
react-hook的学习(常用的useState,useEffect,useRef,useMemo)
weixin_43933139的博客
06-19 1571
了解一下react-hook-useEffect
react hooks api 踩坑经历(useEffect的闭包陷阱和useRef)
weixin_33832340的博客
03-24 7315
笔者最近用时下正新鲜的hooks api重构了自己的项目,其中踩到了一些坑在此与大家分享一下。 考虑这样的场景：网页内容分为数页(每页fixed定位),鼠标滚轮触发翻页,类似ppt的感觉,我们用currPage这个状态来记录当前页码,然后在componentDidMount中挂上滚轮事件。class实现的代码如下: class App extends React.Component{ stat...
智慧建造总体策划方案（76页）.pptx
11-02
智慧建造总体策划方案（76页）
基于 Python2.7 和 PyQT4 开发的 modbus 通信采集软件
最新发布
11-02
基于 Python2.7 和 PyQT4 开发的 modbus 通信采集软件，已在 windows、deepin linux 和树莓派上测试！
LLC simulink仿真《slx模型文件》
11-02
LLC simulink仿真《slx模型文件》 LLC谐振转换器是一种高效的直流-直流(DC-DC)电源转换器，因其独特的谐振特性而得名。在电力电子领域，LLC仿真对于理解和优化这种转换器的性能至关重要。Simulink是MATLAB环境下的一个强大工具，用于建立和仿真复杂系统，包括电力电子系统。 标题“LLC simulink仿真”指的是使用Simulink进行LLC谐振转换器的建模和仿真。通过Simulink，工程师可以模拟LLC转换器在不同工作条件下的行为，如负载变化、输入电压变动以及控制策略的影响。 **LLC电路的基本原理：** LLC谐振转换器结合了升压（Boost）、降压（Buck）和串联谐振（Series Resonant）三种拓扑结构的特点。它由主开关、副开关、电感、电容和二极管组成。谐振电容和电感形成谐振回路，使得开关器件能在零电压或零电流条件下切换，从而降低开关损耗并提高效率。 **仿真过程：** 在Simulink中，首先需要建立LLC转换器的模型，包括各个元件的参数设定。这包括主开关和副开关的开关频率、谐振电容和电感的值、二极管的反向恢复特性等。然后，设
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_midnight

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值