title: Display info from parent to sidebar in React
body: <p>I'm very new to React and I'm trying to create a UI that shows some basic info and then when you click on one of those info boxes it displays more detailed information in a sidebar component. I've written out a mock of what I'm currently working with (to write it all out would probably not be helpful).</p>
  
  <p>I'm puzzled about how I deliver the information from the Table component to the Sidebar component. I've watched a few tutorials and looked through Stack Overflow but am still in the weeds. Any advice out there? And let me know if you need more information. Thanks!</p>
  
  <pre><code>// pretend we're using axios to get some JSON
  
  function showInfo(){
      // on click this displays the Table info in the Sidebar
  }
  
  class Sidebar extends React.Component {
      render(){
      // create a UI that returns the clicked state of Table as props listed
    }
  }
  
  class Table extends React.Component { 
      constructor(props) {
      super(props);
      this.state = { items: [] }
    }
    componentDidMount(){
    // pretend we're grabbing that JSON and put it into state.items
    }
    render(){
      // create a UI and map through the items
      &lt;Sidebar&gt;&lt;/Sidebar&gt;
    }
  }
  </code></pre>