Javascript React Redux不断返回多个reducer对象

我试图只渲染一个对象属性，但它最终会渲染除目标属性之外的所有其他未定义的对象。我对Redux、Reducer等都是新手，所以任何帮助都是非常好的

// Letters reducer 
export default function() {
return [
    {
      x: {
        start: 10,
        finish: 100
      }
    },
    {
      y: {
        start: 20,
        finish: 100
      }
    },
    {
      z: {
        start: 30,
        finish: 100
      }
    }
  ];
}

组件

renderList() {
  this.props.letters.map(i => {
    console.log(i.x.start);
  });
}

控制台坏了

{current: 10, goal: 100}
2 undefined  < -- my Y and Z, which idk why it's getting called.

---

你确定你不是

console.log

ing

i.x

，不是

i.x.start

？“哪个idk知道它为什么被调用。”你的数组有三个元素，因此你传递给

.map

的回调被调用三次。但是，只有第一个对象具有

x

属性。访问其他两个对象上的

x

将返回

undefined

。这与redux或reducer无关，特别是JavaScript的工作方式。也许你想要一个具有

x

、

y

和

z

属性的对象？@FelixKling-ahh我有一个假设，一个具有x，y，z属性的对象可能是一个解决方案。但是谢谢你帮我把它拆了。@FelixKling我实际上刚刚试过，而且很有效。在我的脑海中，我认为整个减速器是一个单一的对象，这就是为什么我写了这样的映射函数。

console.log(this.props.letters[0].x.start)
// 10