react报错Returns a stateful value, and a function to update it

项目中使用useState时遇到警告,通过ErrorLens插件发现错误是由于函数组件名称未以大写字母开头。安装并使用ErrorLens后,翻译错误信息,了解到React规定组件名必须大写以区分组件和普通函数。修正此问题后,警告消除。这个问题与Babel的解析规则有关,即React组件的第一个字母必须大写。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目场景:

正常使用useState却出现警告,代码是可以运、行是没有报错。


问题解决

在这里插入图片描述
1、因为该报错在网上没有找到解决办法,问朋友,要我安装Error Lens插件查看具体原因。
在这里插入图片描述
2、插件起效果之后,报错后面会出现对错误的解释,翻译出来,看错误原因

3、错误原因:
翻译:
React钩子useState在函数index中被调用那既不是React函数组件,也不是自定义React钩子函数。React组件名称必须以大写字母开头。
4、解决:
将函数式组件改成大写开头

原因分析:

babel解析的原因
可以看这篇帖子:
react声明组件时,第一个字母必须大写,为什么呢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值