React Hook «useCategory» не может быть вызван внутри обратного вызова?

Question

[miliko mikoyan]

Вот мой код

import React, { FC, useState,useMemo } from "react";

const FormSearch: FC<{ params: string }> = ({
   params 
}) => {
  const [category, useCategory] = useState<string>("All");
  const [search, setSearch] = useState<string>("");
  useMemo(() => {             
     const searchParams = new URLSearchParams(params);
    if (!!searchParams.get("Categories")&&!!searchParams.get("Search")) {
          useCategory(`${searchParams.get("Categories")}`); 
          setSearch(`${searchParams.get("Search")}`);   
    } else {
      setSearch("");
      useCategory("All")
    }
  }, [params]);

  return (
    <div>1000</div>
  );
};

Я получаю эти ошибки

Строка 16: React Hook «useCategory» не может быть вызван внутри обратного вызова. React Hooks должны вызываться в компоненте функции React или в пользовательской функции React Hook response-hooks / rules-of-hooks Строка 20: React Hook "useCategory" нельзя вызывать внутри обратного вызова. React Hooks должны вызываться в компоненте функции React или в пользовательской функции React Hook реагировать на зацепки / правила-зацепки

Answer 1

[dev null]

Речь в ошибке про хуки. У вас хендлер для изменения категории начинается с use...
переименуйте его в setCategory

Answer 2

[Ostic]

Правила хуков

Comments

[miliko mikoyan]

я нарушаю правила "Не вызывайте хуки внутри циклов, условий или вложенных функций." ??

[Ostic]

miliko mikoyan,

Вызывайте хуки только на верхнем уровне

. Есть там же описанные исключения, но, полагаю пока воспользуйтесь этим.

[miliko mikoyan]

Ostic, Но это большой минус для react hooks .И как же переписать мой кот. Спасибо за ответ.

[Ostic]

miliko mikoyan, Вы словами напишите, что хотите, а то может быть Ваш код и не отражает действительности(те того, что Вы действительно хотите).
Лучше код делать здесь пример React+TS , например, чтобы потом можно было сразу его редактировать...

[dev null]

Правило применимо к хукам. useCategory - это не хук, его просто назвали неверно, линтер воспринимает функции, начинающиеся с use как хуки

[Ostic]

dev null, Зоркий глаз ))

[miliko mikoyan]

Ostic а как ты думаешь. Будет ли у меня проблема если я использую hooks внутри if.и если нельзя написать hook внутри If Как можно переписать вот такой код?

[Ostic]

miliko mikoyan, я бы, вообще, как-нибудь так сделал пример

[miliko mikoyan]

Ostic я представил простой пример можно так сделать в принципе но не всегда это возможно. Спасибо за хорошую дискуссию и удачи тебе.

[Ostic]

miliko mikoyan, поэтому, моё мнение, вопрос надо задавать так:
1. Как сделать что-то?
2. Я решил(пробовал решить) вот так, но может есть способ лучше?
По мере усложнения и вопросы будете задавать.