Как правильно вызвать useState?

Question

[MRcracker]

Здравствуйте.

Пытаюсь вызвать useState
const [items, setItems] = React.useState();

Получаю ошибку React Hook "React.useState" cannot be called at the top level. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hook

Скажите, что я делаю не так и как ее исправить?

Comments

[Алексей Уколов]

Что вы делаете не так — не читаете ошибку. Как её исправить — для начала прочитать и понять.

Answer 1

[TheOnlyFastCoder2]

В ошибке сказано , что вы должно использовать useState только в функции

import React, { useState } from "react";

const MemoID = ({ getID }) => {
  return Array.from(new Array(getID)).map((_, i) => {
    return <p key={i}> {i} </p>;
  });
};

export default function App() {
  let [getID, setID] = useState(0);
  return (
    <>
      <MemoID key={getID} {...{ getID }} />
      <button onClick={() => setID(getID + 1)}> clickMe </button>
    </>
  );
}

https://codesandbox.io/s/jolly-fermi-lioe7?file=/s...

Answer 2

[MRcracker]

Вызывать useState нужно в функции

Comments

[WbICHA]

Тебе TheOnlyFastCoder2 написал подробный ответ (даже слишком подробный) и ты серьёзно после этого процитировал его / тупо перевёл ошибку и выдал это за свой ответ на свой же вопрос?
Ппц наглость.