title: Handsontable & React
body: <p>I'm starting with react and trying to set up handsontable in my react app following:
  <a href="https://github.com/handsontable/react-handsontable" rel="noreferrer">react-handsontable</a></p>
  
  <pre><code>// import React...
  import React from 'react';
  import ReactDOM from 'react-dom';
  
  // ... Handsontable with its main dependencies...
  import moment from 'moment';
  import numbro from 'numbro';
  import pikaday from 'pikaday';
  import Zeroclipboard from 'zeroclipboard';
  import Handsontable from 'handsontable';
  
  // ... and HotTable
  import HotTable from 'react-handsontable';
  
  class ExampleComponent extends React.Component {
    constructor(props) {
      super(props);
      this.handsontableData = [
        ["", "Ford", "Volvo", "Toyota", "Honda"],
        ["2016", 10, 11, 12, 13],
        ["2017", 20, 11, 14, 13],
        ["2018", 30, 15, 12, 13]
      ];
    }
  
    render() {
      return (
        &lt;div id="example-component"&gt;
          &lt;HotTable root="hot" data={this.handsontableData} colHeaders={true} rowHeaders={true} width="600" height="300" stretchH="all" /&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>Works so far but how do I get the instance of the table like in pure javascript</p>
  
  <pre><code>var ht = new Handsontable(document.getElementById('example1'), options);
  
  
  ht.setDataAtCell(0, 0, 'new value');
  </code></pre>
  
  <p>Thanks, Tim</p>