React Hook "useState" 在函数 "deviceStatus" 中被调用，它既不是 React 函数组件也不是自定义 React答案

【问题标题】：React Hook "useState" is called in function "deviceStatus" which is neither a React function component or a custom ReactReact Hook "useState" 在函数 "deviceStatus" 中被调用，它既不是 React 函数组件也不是自定义 React
【发布时间】：2020-12-31 07:10:54
【问题描述】：

我是反应钩子和功能组件的新手，我正在尝试在我的功能组件中使用 useState 它向我显示提到的错误

使用 React，蚂蚁设计

import React, { useState } from 'react';
import 'antd/dist/antd.css';
import './device-status.css'

import { Checkbox, Switch } from "antd";

function deviceStatus() {

    const [isEnabled, setIsEnabled] = useState(false)

    const toggleSwitch = (checked) => {
        console.log(checked);

        setIsEnabled(checked)
    }
   return (
         <div className="devicestatus-item" >
              <span>Front Low Light :</span>
               <Switch checked={isEnabled} onChange={toggleSwitch} />
          </div>
    )
}
export default deviceStatus

参考跟随 enter link description here

错误：

React Hook "useState" 在函数 "deviceStatus" 中被调用，该函数既不是 React 函数组件也不是自定义 React Hook 函数 react-hooks/rules-of-hooks

【问题讨论】：

标签： reactjs react-hooks antd

【解决方案1】：

这个问题是因为 React 使用 Pascal 案例读取功能组件引起的。所以，试着把你的函数和文件名改成DeviceStatus

【讨论】：