我正在学习使用React钩子来管理状态,但是我收到一条错误消息:5:3行:在函数“ cockpit”中调用了React Hook“ useEffect”,它既不是React函数的组件也不是自定义的React Hook函数react-hooks /挂钩规则
这是我的代码
import React, {useEffect} from "react";
import classes from "./Cockpit.module.css";
const cockpit = (props) => {
useEffect(() => {
console.log('Cockpit js useEffect');
});
const assiginedClasses = [];
let btnClass = "";
if (props.showPersons) {
btnClass = classes.Red;
}
if (props.persons.length <= 2) {
assiginedClasses.push(classes.red);
}
if (props.persons.length <= 1) {
assiginedClasses.push(classes.bold);
}
return (
<div className={classes.Cockpit}>
<h1>Hi I'm a React App</h1>
<p className={assiginedClasses.join(" ")}>This is really Working!</p>
<button className={btnClass} onClick={props.clicked}>
Toggle Name
</button>
</div>
);
};
export default cockpit;
解决删除错误后,下面的行更改了。此代码有效。1. const cockpit =(props)=> {2.导出默认座舱;
在第1行下面替换。const Cockpit =(props)=> {2.导出默认Cockpit ;
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句