cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

forwardRef

Browse Source
This commit is contained in:
Belen Curcio 2020-12-02 13:24:25 -03:00
parent 95897aa1c5
commit 3770ad7ea8
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
lib/click-outside/click-outside.tsx
View File

@ -7,10 +7,11 @@ interface ClickOutsideProps {
children: any children: any
} }
const ClickOutside = ( const ClickOutside = forwardRef(
(
{ active = true, onClick, children }: ClickOutsideProps, { active = true, onClick, children }: ClickOutsideProps,
ref: Ref<HTMLDivElement> | null | any = {} ref: Ref<HTMLDivElement> | null | any = {}
) => { ) => {
const innerRef = ref?.current const innerRef = ref?.current
const handleClick = (event: any) => { const handleClick = (event: any) => {
@ -38,6 +39,7 @@ const ClickOutside = (
}) })
return React.cloneElement(children, { ref }) return React.cloneElement(children, { ref })
} }
)
export default forwardRef(ClickOutside) export default ClickOutside