Подскажите какой тип указать для ref в кастомном хуке useOutsideClick?

Question

React — русскоговорящее сообщество

display: flex

Подскажите какой тип указать для ref в кастомном хуке useOutsideClick?

#frontend #javascript #programming #react.js #russian

0

21.10.2023

5 ответов

11 просмотров

display: flex Автор вопроса

Vladimir Voronov
женерик делай да

попробовал дженериками, не получилось сделал так)

0

21.10.2023

Vladimir Voronov

display: flex
попробовал дженериками, не получилось сделал так)

import { RefObject } from 'react' import { useEventListener } from 'usehooks-ts' type Handler = (event: MouseEvent) => void export function useOnClickOutside<T extends HTMLElement = HTMLElement>( ref: RefObject<T>, handler: Handler, mouseEvent: 'mousedown' | 'mouseup' = 'mousedown', ): void { useEventListener(mouseEvent, event => { const el = ref?.current // Do nothing if clicking ref's element or descendent elements if (!el || el.contains(event.target as Node)) { return } handler(event) }) }

0

21.10.2023

123

Vladimir Voronov
import { RefObject } from 'react' import { useEve...

Как ты успел

0

21.10.2023

Vladimir Voronov

123
Как ты успел

На короткой ноге недофункции

0

21.10.2023