title: react.js make DOM element available to top parent main component
body: <p>I need to execute click events (probably using EventTarget.dispatchEvent()) on certain DOM elements that are nested quite deeply in my component hierarchy. I need to trigger those click events from the top parent App component.</p>
  
  <p>How would you approach this? I don't want to pass down a callback function to each of those components as they are nested so deeply. Is there away of making their DOM elements available globally / to the parent App component?</p>