title: React Redux keeps returning multiple reducer objects
body: <p>I'm trying to render just one object property but it ends up renderings all other objects undefined aside from the targeted property. I'm fairly new to Redux, reducers, etc so any help would be great!</p>
  
  <pre><code>// Letters reducer 
  export default function() {
  return [
      {
        x: {
          start: 10,
          finish: 100
        }
      },
      {
        y: {
          start: 20,
          finish: 100
        }
      },
      {
        z: {
          start: 30,
          finish: 100
        }
      }
    ];
  }
  </code></pre>
  
  <p>The component </p>
  
  <pre><code>renderList() {
    this.props.letters.map(i =&gt; {
      console.log(i.x.start);
    });
  }
  </code></pre>
  
  <p>the console out is </p>
  
  <pre><code>{current: 10, goal: 100}
  2 undefined  &lt; -- my Y and Z, which idk why it's getting called.
  </code></pre>
  
  <p>but if I try calling it like this it works </p>
  
  <pre><code>console.log(this.props.letters[0].x.start)
  // 10
  </code></pre>