diff --git a/example/src/examples/ContextMenuViewTest08.tsx b/example/src/examples/ContextMenuViewTest08.tsx index 78cef7e..3955f4f 100644 --- a/example/src/examples/ContextMenuViewTest08.tsx +++ b/example/src/examples/ContextMenuViewTest08.tsx @@ -20,24 +20,6 @@ export function ContextMenuViewTest08(props: ContextMenuExampleProps) { }; }, []); - const startTimer = () => { - intervalRef.current = setInterval(() => { - if (counter < 3){ - setCounter(prevValue => (prevValue + 1)); - - } else { - menuRef.current.dismissMenu(); - }; - }, 500); - }; - - const resetTimer = () => { - if(this.timer){ - clearInterval(intervalRef.current); - setCounter(0); - }; - }; - return ( ( - {`Will Dismiss in: ${3 - this.state.counter}`} + {`Will Dismiss in: ${3 - counter}`} )} - onMenuDidShow={startTimer} - onMenuDidHide={resetTimer} + onMenuDidShow={() => { + let internalCounter = 0; + + intervalRef.current = setInterval(() => { + if (internalCounter < 3){ + setCounter(prevValue => (prevValue + 1)); + internalCounter++; + + } else if(internalCounter === 3) { + menuRef.current.dismissMenu(); + }; + }, 500); + }} + onMenuDidHide={() => { + clearInterval(intervalRef.current); + setCounter(0); + }} >