streamich/react-use

[useMeasure] Ability to track a custom Ref

開放

#1,227 建立於 2020年5月18日

 (15 則留言) (19 個反應) (0 位負責人)TypeScript (3,273 個分叉)batch import
good first issuehelp wanted

倉庫指標

星標
 (43,979 顆星)
PR 合併指標
 (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.

貢獻者指南