HandleEvents

---

title: HandleEvents
permalink: ReactNotes/HandleEvents
category: ReactNotes
parent: ReactNotes
layout: default
has_children: false
share: true
shortRepo:

• reactnotes
• default

---

Table of contents

{: .text-delta } 1. TOC {:toc}

---

Add event listener to check if table loads

1. add in component you are checking

useEffect(() => {      
   window.parent.postMessage({action: 'tGrid-loaded'});      
}, []);      

2. and in other componenet

     useEffect(() => {      
    window.addEventListener('message', handleMessage);      
      
    return () => {      
        window.removeEventListener('message', handleMessage);      
    };      
}, []);      

3. Listening for a resizing event

useEffect(() => {      
    if (tableRef?.current) {      
        if (useObserver) {      
            const resizeObserver = new ResizeObserver(async () => {      
                Promise.resolve(buildPPTObject())      
            })      
            if (tableRef?.current) {      
                resizeObserver.observe(tableRef?.current)      
            }      
            return () => {      
                resizeObserver.disconnect()      
            };      
        }      
        else {      
            Promise.resolve(buildPPTObject())      
        }      
    }      
      
}, [tableRef?.current]);