title: How do you select a single cell with react-data-grids and use the data in that cell elsewhere
body: <p>
  I have a populated grid by using react-data-grids by addazle and I'm trying to select a cell and have a modal pop up with the data from that cell. I have enableCellSelect={true} and I know I needd to use a React.createClass but I'm not sure where to go from there. Thanks in advance!</p>
  
  
  
  <pre><code>    let onClick = React.createClass({
          render(){
              return(
                  &lt;div onClick={this.showModal}&gt;
  
                  &lt;/div&gt;
              )
          }
      })
  
  
  
  
    export class Modal extends Component{
          constructor(props){
              super(props)
              this.state={}
          }
  
       render(){
        return(
          &lt;div&gt;
            &lt;ReactDataGrid
              enableCellSelect={true}
              columns={columns}
              rowGetter={this.getRows}
              rowsCount={this.state.rows.length}
              getSubRowDetails={this.getSubRowDetails}
              onCellExpand={this.onCellExpand}
              minHeight={500}
            /&gt;
          &lt;/div&gt;
      )
    }
  }
  </code></pre>