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