How Use Draw Object with react Hooks ?

[pulnec]

I am trying to enter the draw object with react hooks but an error message 'getAll is not function' is displayed

As the correct reference should be made, is its example with react component, as I can replicate it with react hooks, I have used the useRef () but it still does not work

`<Map
style="mapbox://styles/mapbox/streets-v9"
containerStyle={{
height: '100vh',
width: '100vw'
}}>
<DrawControl
ref={(drawControl) => { this.drawControl = drawControl; }}
/>

//...
handleButtonClick() {
this.drawControl.draw.getAll(); // Or any other API method
}`

in hooks
cons drawControl = useRef() ??

[nickdances]

Hi @pulnec , I know this issue is old but I just had the same problem and solved it by using useState instead of useRef. React will throw an error if you try to use useRef with the DrawControl.

const DrawableMap = (props) => {
  const [drawControlRef, setDrawControlRef] = useState(null);
  return (
      <Map>
          <DrawControl
          ref={(drawControl) => { setDrawControlRef(drawControl) }}
          />
      </Map>
  )
}

Note I've omitted the Map props in my example for brevity.