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

Question

我在这个代码片段上遇到了这个错误。

const AB= () => {
const [A, setA] = useState<AT| null>(null);
const [B, setB] = useState<string>('0px');
..more}

Answer 1

使用 pascal 大小写作为组件名称，如果尚未导入 react 和 useState。

import React, { useState } from "react";
import ReactDOM from "react-dom";
const KlageHome = () => {
const [matrikkelnummer, setMatrikkelnummer] = useState(null); 
const [panelHeight, setPanelHeight] = useState('0px')
return (
<div>{panelHeight}</div>
)
}
const rootElement = document.getElementById("root");
ReactDOM.render(<KlageHome />, rootElement);