title: How to get React Table Row Data Onclick
body: <p>Hi I am trying to set up my react app such that when you click on a button in a row item in my react-table the data in that row is passed onto another component. At the moment I am simply trying to console.log the correct data but am unsure of how to pass react-table row data based on click. How can I do this?
  Thanks</p>
  
  <p>My Dummy data stored in state along with the button (Show Detailed View) which I want to trigger the data passing onclick:</p>
  
  <pre><code>    columns: [
        {
          Header: "First Name",
          accessor: "fname"
        },
        {
          Header: "Last Name",
          accessor: "lname"
        },
        {
          Header: "Employee Group",
          accessor: "egroup"
        },
        {
          Header: "Date of Birth",
          accessor: "dob"
        },
        {
          Header: "",
          id: "id",
          Cell: ({ row }) =&gt; (
            &lt;button onClick={e =&gt; this.handleShow()}&gt;
              Detailed View
            &lt;/button&gt;
          )
        },
      ],
      posts: [
        {
          fname: "gerald",
          lname: "nakhle",
          egroup: "faisbuk",
          dob: "8/10/1995"
        }
      ]
  
  </code></pre>
  
  <p>My Call to render the table:</p>
  
  <pre><code>&lt;ReactTable columns={this.state.columns} data={this.state.posts}&gt;&lt;/ReactTable&gt;
  </code></pre>
  
  <p>My onclick handler function but im not sure how I can access the table row data I'm after</p>
  
  <pre><code>handleShow(e) {
      console.log(e);
    }
  </code></pre>