[useMeasure] Ability to track a custom Ref

(15 commentaires) (19 réactions) (0 personne assignée)TypeScript (3 273 forks)batch import

good first issuehelp wanted

Métriques du dépôt

Is your feature request related to a problem? Please describe.

Currently useMeasure returns a ref which needs to be assigned a ref in the JSX. This has 2 issues:

The ref is not a real useRef for eg. Does not have ref.current as a prop.
If I already have a component where I have a ref, I just want to track its size changes.

Describe the solution you'd like

An API of this shape: const {width, height ... } = useMeasure({ref: currentRef});

Describe alternatives you've considered

I am using https://github.com/ZeeCoder/use-resize-observer ... in the absence of the above which I want to remove.

Direction de recherche: Implémentez une API alternative pour useMeasure qui accepte un objet ref personnalisé, permettant aux utilisateurs de suivre les changements de taille d'une ref existante au lieu d'utiliser uniquement la ref retournée. Tenez compte de l'implémentation actuelle dans src/useMeasure.ts et garantissez la rétrocompatibilité.
Stack technique: typescriptreact
Domaine: frontend
Type d'issue: Fonctionnalité
Difficulté: 3
Temps estimé: Une demi journée
Statut d'activité: Active
Clarté: Claire
Prérequis: ReactTypeScriptReact Hooks
Accessibilité débutant: 60