проблема с передачей хука к дочерней машинке

Question

У меня есть компонент реакции, использующий крючки.Мой родительский компонент выглядит так:

const Parent = () => {

   const [isActive, setIsActive] = useState(false);

   return (
     <Child isActive={isActive} setIsActive={setIsActive} />
   );
}

, а вот дочерний компонент

type Props = {
   isActive: boolean;
   setIsActive: () => void;
}
const Child = ({ isActive, setIsActive}: Props) {
   // component
} 

Я вижу ошибку:

Ошибка типа: Тип«Dispatch » нельзя назначить для> type '() => void'.TS2322

Answer 1

Ваш Props тип для Child неверный.React набирает setIsActive как Dispatch, который определяется как:

type Dispatch<A> = (value: A) => void;

В вашем типе отсутствует аргумент value.Это должно быть правильно (также обратите внимание, что это должно быть двоеточие, а не знак равенства):

type Props = {
   isActive: boolean;
   setIsActive: (active: boolean) => void;
}
const Child = ({ isActive, setIsActive}: Props) {
   // component
}