javascript - 使用名称中的变量值访问 redux 存储

Question

在我的应用程序中，我将拥有同一对象的副本。由于尽可能保持状态平坦的建议，我基本上在我的状态中创建了多个对象，如下所示:

const initialState = {
    test1: {},
    test2: {},
    test3: {},
}

我设法从我的文件连接到商店，但在访问我想要的对象时遇到问题，特别是因为我只知道索引 (1, 2, 3)。

我已将状态映射到 Prop :

const mapStateToProps = state => {
  return {
    test1: state.test1,
    test2: state.test2,
    test3: state.test3,
  }
}

我尝试按照这些思路做一些事情:

let index = 2;
let infos = this.props.[`test${index}`]

但是这是行不通的，除了在索引上做了一些丑陋的切换，我没有看到另一种获取我想要的对象的方法

Answer 1

您的错误是尝试使用 this.props. 访问状态对象，然后尝试评估变量，您可以执行以下操作:

const index = 2;
const infos = this.props[`test${index}`];