Javascript JSX如何从循环中获取计数器并显示状态

我对循环和状态有问题。如果我想合并部分州名和州号，如何在循环中显示州信息

在JS文件中，我有一个构造函数：

constructor(props) {
    super(props);
    this.state = {
        fruit_1: 'apple',
        fruit_2: 'orange',
        fruit_3: 'bannana',
        fruit_4: 'apple',
    }
}

和循环：

for (var i = 1; i < 5; i++) {
    console.log(this.state.fruit_i); 
    {/* Here is a problem. Calls undefined, but if I write this.state.fruit_1 -> displays correctly. */}
    {/* How to union counter with this state name? */}
}

for（变量i=1；i<5；i++）{
console.log（this.state.fruit_i）；
{/*这里有一个问题。调用未定义，但如果我编写此命令，则.state.fruit\u 1->将正确显示。*/}
{/*如何使用此状态名联合计数器？*/}
}

尝试下面的代码。它构建您需要的字符串：

constructor(props) {
    super(props);
    this.state = {
        fruit_1: 'apple',
        fruit_2: 'orange',
        fruit_3: 'bannana',
        fruit_4: 'apple',
    }
}

for (var i = 1; i < 5; i++) {
  console.log(this.state["fruit_" + i]);
}

构造函数（道具）{
超级（道具）；
此.state={
水果(1):"苹果",，
水果2：“橙色”，
水果3：“班纳纳”，
水果四：苹果，
}
}
对于（变量i=1；i<5；i++）{
console.log（这个.state[“fruit_”+i]）；
}

状态={
水果(1):"苹果",，
水果2：“橙色”，
水果3：“班纳纳”，
水果四：苹果，
}
对于（变量i=1；i<5；i++）{
console.log（这个.state[“fruit_”+i]）；
}

您需要构建索引的名称

以下是一个例子：

状态={
水果(1):"苹果",，
水果2：“橙色”，
水果3：“班纳纳”，
水果四：苹果，
}
对于（变量i=1；i<5；i++）{
log（状态[`fruit{i}`]；
}

直接在状态上循环：

var状态={
水果(1):"苹果",，
水果2：“橙色”，
水果3：“班纳纳”，
水果四：苹果，
};
for（var键处于状态）{
console.log（state[key]）；
}