how to use ref in function component

[gitdogogo]

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]

In functional component you need to use hook useRef

[mdaniyalaslam]

use this : ref={_drawer}
instead of ref={(ref) => (_drawer.current = ref)}

[rajAmukhliS]

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>)
}