反应如何在循环中记录不同的 state 元素

Question

我正在尝试遍历 state 中的 2 个键值对。 他们都有非常相似的名字，唯一的区别是一个在白天结束，另一个在晚上结束。 这是我现在项目的简化示例。 我的目标是让日志得到如下所示的结果：

state = {
        energyType: "Electricity",
        meterRate: "oneRate",
        firstEnergyAmountDay: 1,
        firstEnergyAmountNight: 2,
    }

let days

if (this.state.energyType === "Electricity" && this.state.meterRate === "twoRate") {
            days = ["Day", "Night"]
        } else {
            days = ["Day"]
        }

        days.map(day => {
            console.log(this.state.firstEnergyAmount + day);
        })

现在我的日志刚刚返回：

未定义日

未定义的夜晚

我希望日志给我：

1

2

Answer 1

要执行 object 的计算属性，您需要使用方括号和字符串

console.log(this.state["firstEnergyAmount" + day])

因此，这会将字符串连接在一起以生成"firstEnergyAmountDay"或"firstEnergyAmountNight" ，然后方括号将使用该键查找属性。