title: Calling a tabulator table function in React
body: <p>I am using Tabulator under React, with the react-tabulator module.</p>
  
  <p>I am missing something very basic, likely due to my new knowledge of React. Implementing this module, I know how to connect a tabulator callback to a javascript function. But I don't know how to call a tabulator method. For instance:</p>
  
  <pre><code>  const options = {
      height: '100%',
      ajaxURL: 'http://example.com',
      ajaxProgressiveLoad: 'scroll',
      ajaxError: (error) =&gt; {
        console.log('ajaxError ', error);
      },
    };
  
  ...
  
        &lt;ReactTabulator
          columns={columns}
          layout="fitColumns"
          data={[]}
          options={options}
        /&gt;
  </code></pre>
  
  <p>Here the ajaxError callback is passed to ReactTabulator, and called when appropriate.</p>
  
  <p>Now, the tabulator module has lots of methods, for instance setData. Outside of React, this would be used as follows:</p>
  
  <pre><code>var table = new Tabulator("#example-table", {
      ajaxURL:"http://www.getmydata.com/now", //ajax URL
  });
  
  ...
  
  table.setData("http://www.getmydata.com/now");
  </code></pre>
  
  <p>How do I translate this into the React world (in a hook environment), since I don't have direct access to the equivalent of a 'table' object? Do I need to get to my tabulator object by using getElementById or something similar?</p>