You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.3 KiB
1.3 KiB
Merge-Refs
A function that merges React refs into one. Filters out invalid (eg. falsy) refs as well and returns original ref if only one valid ref was given.
tl;dr
- Install by executing
npm install merge-refsoryarn add merge-refs. - Import by adding
import mergeRefs from 'merge-refs'. - Use it in
reflike so:<div ref={mergeRefs(ref, someOtherRef)} />
Accepted refs
- Refs created using
createRef() - Refs created using
useRef() - Functional refs
Example
function Hello() {
const ref1 = useRef<HTMLDivElement>(); // I'm going to be updated!
const ref2 = (element: HTMLDivElement) => {
// I'm going to be called!
};
return <div ref={mergeRefs(ref1, ref2)} />;
}
License
The MIT License.
Author
|
Wojciech Maj |