title: React JS not formatting the JSON code
body: <p>This is my react code and I want to print the JSON format code in table format using react JS</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Initial Data Via AJAX&lt;/title&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
        &lt;body&gt;
        &lt;div id="example"&gt;&lt;/div&gt;
            &lt;script type="text/jsx"&gt;
                var ImageCollect = React.createClass({
                      getInitialState: function() {
                          return {
                            phpData: []
                          };
                      },
                       componentDidMount: function() {
                          $.get(this.props.source, function(result) {
                            var collection = result;//when i print this by using console.log the collection is getting the JSON code
                            if (this.isMounted()) {
                              this.setState({
                                phpData : collection
                             });
                            }
                          }.bind(this));
                      },
                     render:function()
                      {
                       DBdata = this.state.phpData || [];
                          return (
                              &lt;div&gt;
                                &lt;table&gt;
                                  &lt;th&gt;name&lt;/th&gt;
                                    &lt;th&gt;email&lt;/th&gt;
                                  {DBdata.map(function(d){
                                       return(
                                          &lt;tr&gt;
                                          &lt;td&gt;{d.name}&lt;/td&gt;
                                          &lt;td&gt;&lt;d.email&lt;/td&gt;                                     
                                          &lt;/tr&gt;
                                       )}
                                  )}
                                &lt;/table&gt;
                              &lt;/div&gt;
  
                      )}
  
                });
  
                  React.render(
                  &lt;ImageCollect source="http://localhost/PHP-React-Demo/index.php" /&gt;,
                    document.getElementById('example')
                  );
  
            &lt;/script&gt;
  
        &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And following is my JSON format code i getting from index.php file the output is only name and email</p>
  
  <pre><code>{"data":[{"id":"1","name":"param","email":"param@nadsoft.com","phone":"9890245130","marks":"65"},{"id":"2","name":"andy","email":"andy@gmail.com","phone":"9665815566","marks":"78"},{"id":"3","name":"asdf","email":"dfgfd@fgdfgd.com","phone":"2132323232","marks":"23"},{"id":"34","name":"rteret","email":"fdg@dfsdf","phone":"21312323232","marks":"23"},{"id":"4236","name":"kjhkj","email":"opiuio","phone":"9890245130","marks":"7"},{"id":"4237","name":"","email":"","phone":"","marks":"0"}]}
  </code></pre>
  
  <p>May i change the JSON code or the react ? where should i change and this react code is returning only name and email not the data.</p>