title: Reactjs Another to pass data from child component to it grandparent(s) component without passing callback?
body: <p>How to do this easily ? I uses Angular so I don't usually think about this problem as Angular does it automatically. in Angular, I can pass a variable from controller down to any  "children" directive in any depth, and when that variable is changed, it permeates in all directives and controller who use it.</p>
  
  <p>In React however, one must use callback which is then passed through layers of React component: <a href="https://stackoverflow.com/questions/44754051/passing-data-from-child-to-parent-component-react-via-callback-function">passing data from child to parent component - react - via callback function</a>. </p>
  
  <p>I use the above solution to pass a single variable through 3 different React components : </p>
  
  <p>APP --> TABLE --> ROW_TABLE </p>
  
  <p>EDIT: It is not that I don't understand how to pass the variable through layers of component. I just think there must be more easier way to do this.</p>
  
  <p>I think this solution is quite complicated. Keep in mind that we usually deal with more than three "components" in the real life. Can someone give me suggestion of how to do this 'right' ? </p>
  
  <p>I'm just learn React for a day now so I must miss something. Thank you</p>