es6在反应中使用$ {}表示多个状态

Question

由于某些原因，我必须这样做

for(let i=0;i<=6;i++){
    price.push({
        min_price: `this.state.special_${i}_min`,
        max_price: `this.state.special_${i}_max`
    });
}

但这不是我所期望的，它不起作用，它变成了字符串，而不是获得我的州的价值。

Answer 1

您只是将字符串分配给那些属性。 尝试使用方括号。

price.push({
    min_price: this.state[`special_${i}_min`],
    max_price: this.state[`special_${i}_max`]
});

Answer 2

您可以在es6中这样写：

for(let i=0;i<=6;i++){
    price.push({
        min_price: this.state[`special_${i}_min`],
        max_price: this.state[`special_${i}_max`],
    });
}

对于es5：

for(let i=0;i<=6;i++){
    price.push({
        min_price: this.state["special_"+i+"_min"],
        max_price: this.state["special_"+i+"_max"],
    });
}