how to use ref in function component
gitdogogo opened this issue · 3 comments
gitdogogo commented
const fn= ({}: Props) => {
let _drawer = React.useRef();
function close() {
_drawer.current.close();
}
function open() {
_drawer.current.open();
}
return (
<Drawer
styles={drawerStyles}
ref={(ref) => (_drawer.current = ref)}
drawerType="overlay"
openDrawerOffset={0.5}
acceptTap={true}
open={true}
content={}
>
);
};
when i used like this , but it's not worked
VladosK0k0s commented
In functional component you need to use hook useRef
mdaniyalaslam commented
use this : ref={_drawer}
instead of ref={(ref) => (_drawer.current = ref)}
rajAmukhliS commented
Hope this will help you
import React, {useRef} from 'react';
...
const Index=()=>{
...
const drawerRef=useRef(null);
function close() {
drawerRef.current.close();
}
function open() {
drawerRef.current.open();
}
...
return(
<Drawer
ref={drawerRef}
...
>
....
</Drawer>)
}