streamich/react-use

[useMeasure] Ability to track a custom Ref

Open

#1,227 opened on 2020年5月18日

GitHub で見る
 (15 comments) (19 reactions) (0 assignees)TypeScript (3,273 forks)batch import
good first issuehelp wanted

Repository metrics

Stars
 (43,979 stars)
PR merge metrics
 (平均マージ 1743d 9h) (30d で 1 merged PR)

説明

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.

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