title: React.js - how to pass event handlers to deeply nested component without props drilling?
body: <p>I have the structure of components (nested) that seems like this:</p>
  
  <ul>
  <li>Container 
  
  <ul>
  <li>ComponentA  
  
  <ul>
  <li>ComponentB  
  
  <ul>
  <li>ComponentC(want to handle event here with state that lives on container)</li>
  </ul></li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>Do I need to pass as props all the way from Container, ComponentA, ComponentB and finally ComponentC to have this handler? Or is there another way like using Context API?</p>
  
  <p>I'm finding a bit hard to handle events with react.js vs vue.js/angular.js because of this.</p>