javascript - 使用变量访问 props

Question

我正在尝试使用变量名称来访问 Prop 中的状态数据。这是我迄今为止尝试过的方法，但没有成功。

我想要在我的 Prop 中访问以下项目:

function mapStateToProps(state) {
    return {
        redCar: state.cars.redCar,
        blueCar: state.cars.blueCar
    }
}

红色和蓝色的汽车都是看起来像这样的物体:

{
   id: "red-car",
   year: 2017,
   make: "Infiniti",
   model: "QX 80"
}
{
   id: "blue-car",
   year: 2018,
   make: "RAM",
   model: "1500"
}

我正在尝试使用如下所示的变量访问制造商和模型，但该变量不起作用。我得到“未定义”:

handleChange(car, propertyName, value) {

   const currentValue = this.props[car][propertyName];
}

如何使用变量名称访问我的 props？

Answer 1

function mapStateToProps(state) {
    return {
        redCar: state.cars.redCar,
        blueCar: state.cars.blueCar
    }
}

在此函数中，您指定您的 Prop 上将有名为 redCar 和 blueCar 的键。

handleChange(car, propertyName, value) {

   const currentValue = this.props["car"]["propertyName"];
}

此处您尝试使用括号表示法来访问该属性。仅当传入括号的字符串的拼写与键的名称完全相同时，括号表示法才有效，但在您的情况下并非如此。该属性可以是 redCar 或 blueCar，但它不是 “car”。

假设传入 handleChange 函数的 car 参数的值可以是 redCar 或 blueCar > 你可以像这样重写你的代码，

handleChange(car, propertyName, value) {

   const currentValue = this.props[car][propertyName];
}

Bracket notation