React 常见的报错及解决方法

1、Warning: 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(无效的钩子调用。钩子只能在函数组件的内部调用。这可能是由于以下原因之一)

原因:Hook Api只能在写成组件的主体里面。

解决方法:

复制代码
import { useNavigate } from "react-router-dom";
const Navigate1 = useNavigate(); // 写在这里就是错的
export default Home () {
	const Navigate2 = useNavigate(); // 写在这里就是正确的
	return (
		<div>home</div>
	);
}

2、Unknown property 'class' found, use 'className' instead(class属性是未知的,用className代替)

原因:react中要使用className属性来表示类名。

复制代码
<div className="header active">hello world</div>

3、Warning: Functions are not valid as a React child. This may happen if you return a Component(函数作为React的子组件是无效的)

原因:调用某个方法时忘记加括号

解决办法:就是在方法名后面加上括号()

相关推荐
阳树阳树6 分钟前
signal-新的状态管理模式
前端·javascript
fakaifa7 分钟前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
木木黄木木22 分钟前
HTML5手写签名板项目实战教程
前端·html·html5
姑苏洛言1 小时前
基于微信小程序实现幸运大转盘页面
前端
前端极客探险家1 小时前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
yanyu-yaya1 小时前
devextreme-react/scheduler 简单学习
前端·学习·react.js
limit for me1 小时前
react使用eventBus在不同模块间进行通信
前端·react.js
__不想说话__1 小时前
面试官问我React组件和state的关系,我指了指路口的红绿灯…
前端·javascript·react.js
一个小潘桃鸭1 小时前
需求:对表格操作列中的操作进行局部刷新
前端
番茄比较犟1 小时前
Combine知识点switchToLatest
前端