title: Remove brackets from JSON array React
body: <p>I am trying to remove the } { brackets from my outputted array in the browser, to make it look cleaner on my page, however I am unsure how to do so. I have the array already outputting correctly, on a new line per object which is correct, but I'd like to remove the brackets.</p>
  
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  import $ from 'jquery';
  import { Image } from 'react-native';
  
  class App extends Component {
  
    state = {result : null}
  
    componentDidMount = () =&gt; {
  
      $.ajax({
        type: "GET",
        url: 'http://localhost:3001/data',
        data: {},
        xhrFields: {
          withCredentials: false
        },
        crossDomain: true,
        dataType: 'JSON',
        success: (result) =&gt; {
          this.setState({result : result});
        }
      });
  
    };
  
    render() {
      return (
            &lt;div className="App"&gt;
              &lt;header&gt;
                &lt;Image
                style={{width: 200, height: 50, margin: 'auto'}}
                source={require('./img/XXX.png')}
                /&gt;
              &lt;/header&gt;
              &lt;div className='renderhere'&gt;
                &lt;pre&gt;{JSON.stringify(this.state.result, null, 2).replace(/]|[[]/g, '')}&lt;/pre&gt;
              &lt;/div&gt;
              &lt;footer&gt;Last Application Deployment v1.0. By XXX.&lt;/footer&gt;
            &lt;/div&gt;
  
          );
    }
      }
  
  export default App;
  </code></pre>
  
  <p>The output currently looks like this:</p>
  
  <pre><code>  {
      "appName": "App 1",
      "latestDeploymentDate": 0
    },
    {
      "appName": "App 2",
      "latestDeploymentDate": 1
    },
    {
      "appName": "App 3",
      "latestDeploymentDate": 2
    },
    {
      "App 4",
      "latestDeploymentDate": 3
    },
    {
      "appName": "App 5",
      "latestDeploymentDate": 4
    }
  </code></pre>
  
  <p>However I would like the output to look like this:</p>
  
  <pre><code>    "appName": "App 1",
      "latestDeploymentDate": 0
  
      "appName": "App 2",
      "latestDeploymentDate": 1
  
      "appName": "App 3",
      "latestDeploymentDate": 2
  
      "appName": "App 4",
      "latestDeploymentDate": 3
  
      "appName": "App 5",
      "latestDeploymentDate": 4
  </code></pre>
  
  <p>And if it is possible i would also like to remove the speech marks, but just removing the brackets is fine for now.</p>