React Hook "useState" вызывается в функции "AAA", которая не является ни компонентом функции React, ни пользовательской функцией React Hook

Question

Я получил эту ошибку для этого фрагмента кода.

const klageHome = () => {

const [matrikkelnummer, setMatrikkelnummer] = useState (null);

const [panelHeight, setPanelHeight] = useState ('0px');

.. больше}

Answer 1

Используйте паскаль для имени компонента, импортируйте реакцию и используйте состояние, если это еще не сделано.

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);