reactjs - React Hook "useCategory"无法在回调内调用

Question

这是我的代码

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 函数中调用 React-hooks/rules-of-hooks 第 20 行:React Hook“useCategory”无法在回调内调用。 React Hooks 必须在 React 函数组件或自定义 React Hook 函数中调用 React-hooks/rules-of-hooks

Answer 1

你不应该使用useCategory来设置你的category状态，它会被react检测为它的钩子(Hook)。将其重命名为 setCategory 将解决您的问题