streamich/react-use

[useMeasure] Ability to track a custom Ref

オープン

#1,227 opened on 2020/05/18

 (15 件のコメント) (19 件のリアクション) (0 人の担当者)TypeScript (3,273 件のフォーク)batch import
good first issuehelp wanted

Repository metrics

Stars
 (43,979 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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:

  1. The ref is not a real useRef for eg. Does not have ref.current as a prop.
  2. 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.

コントリビューターガイド