title: Creating a dynamic table from json response in reactJS
body: <p>I am new to react as well as UI and I want to create a nice table from the JSON response received from my ajax call to server. How can I do that.</p>
  
  <p>Any sort of information would be really helpful.</p>
  
  <pre><code>var Contact = React.createClass({
  getInitialState: function(){
    return {}
  },
  
  submit: function (e){
    var self
  
    e.preventDefault()
    self = this
  
    console.log(this.state);
  
    var data = {
      Id: this.state.name,
      User: this.state.email,
  
    }
  
    $.ajax({
      type: 'POST',
      dataType: 'json',
      url: 'http://localhost:8080/ui/start',
      data: JSON.stringify({
        Id: this.state.name,
        User: this.state.email,
      })
    })
    .done(function(response) {
    console.log(response);
  
    // This is where I have the JSON response .How can I create a dynamic table from this response **strong text**and render in on UI.  //
   } 
  </code></pre>
  
  <p>My response looks like this  {'name':'divya','id':'1','task':'xyz'}</p>
  
  <p>Thanks.</p>