小编Hri*_*hra的帖子

我正在学习使用 react hooks 来管理状态，但我收到错误消息 Line 5:3: React Hook "useEffect" is called in function "cockpit"，它既不是 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 …