title: Automatically change which element of array to display in React
body: <p>Using React.</p>
  <p>If I had an array like:</p>
  <pre><code>[ data: 
   title: foo1
    body: bar1
  
   title: foo2
    body: bar2
  
   title: foo3
    body: bar3
  ]
  </code></pre>
  <p>And I wanted to display a single <code>body</code> and <code>title</code> at one time on my page and loop through these elements (have a paragraph that changes its contents routinely).</p>
  <p>So far I specify which data I want using this:</p>
  <pre><code>let specificBody = this.state.data[x].body; //loop through different elements of array on timer
        let specificTitle = this.state.data[x].title;
        let specificPosted_By = this.state.data[x].posted_by;
  </code></pre>
  <p>Is there any way to increment the value of x so that I can display a different body and title?  Or is there another way of achieving this aim?</p>
  <p>All help greatly appreciated.</p>