React material ui table can't get element from row
<p>I want to use a table from the material ui library for react :
<a href="http://www.material-ui.com/#/components/table" rel="nofollow noreferrer">http://www.material-ui.com/#/components/table</a></p>

<p>I display it, it works very well, I m trying to get the object associated with the row I selected, but I don't find the way to do that, I saw the property <code>children</code> or <code>onRowSelection</code> but I can't get my object here is my code.
How can I get the entire object of my selected line ?</p>

<pre><code>import React, { PropTypes, Component } from 'react'

import Table from 'material-ui/lib/table/table';
import TableHeaderColumn from 'material-ui/lib/table/table-header-column';
import TableRow from 'material-ui/lib/table/table-row';
import TableHeader from 'material-ui/lib/table/table-header';
import TableRowColumn from 'material-ui/lib/table/table-row-column';
import TableBody from 'material-ui/lib/table/table-body';


export default class MagicTableReact extends Component {
    constructor(props) {
        super(props);
        this.state = {
            data : [{id:0,name:"joe"},{id:1,name:"john"},{id:2,name:"Brad"},{id:3,name:"Jack"},{id:4,name:"Andrew"}],
            fixedHeader: true,
            fixedFooter: true,
            stripedRows: false,
            showRowHover: true,
            selectable: true,
            multiSelectable: false,
            enableSelectAll: false,
            deselectOnClickaway: true,
            height: '300px',
        };
    };


    _onRowSelection(e){
        console.log(e)

    }


    render() {

        return (

            &lt;div&gt;
                &lt;div className="col-sm-6"&gt;
                    &lt;h1&gt;MagicTableReact&lt;/h1&gt;
                    &lt;Table
                        height={this.state.height}
                        fixedHeader={this.state.fixedHeader}
                        fixedFooter={this.state.fixedFooter}
                        selectable={this.state.selectable}
                        multiSelectable={this.state.multiSelectable}
                        &gt;
                        &lt;TableHeader&gt;
                            &lt;TableRow&gt;
                                &lt;TableHeaderColumn&gt;ID&lt;/TableHeaderColumn&gt;
                                &lt;TableHeaderColumn&gt;Name&lt;/TableHeaderColumn&gt;
                            &lt;/TableRow&gt;
                        &lt;/TableHeader&gt;
                        &lt;TableBody
                        &gt;
                            {this.state.data.map((user, i) =&gt;
                                &lt;TableRow key={i}
                                    onRowSelection={this._onRowSelection.bind(this)}&gt;
                                    &lt;TableRowColumn&gt;{user.id}&lt;/TableRowColumn&gt;
                                    &lt;TableRowColumn&gt;{user.name}&lt;/TableRowColumn&gt;
                                &lt;/TableRow&gt;
                            )}
                        &lt;/TableBody&gt;
                    &lt;/Table&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        )
    }
}

MagicTableReact.propTypes = {

};
</code></pre>