Javascript 使用“循环”渲染图像并更新状态，并在渲染图像中显示状态值

我需要做两件事：

1.使用循环

在我的代码中，我不止两次使用这个东西：

{this.state.display}

您能提供更多信息吗？还是完整的代码？（您提到了按钮，但我没有看到任何按钮或单击处理程序…）

你在哪里更新状态

另外-在for循环中，您在第一次迭代中返回单个项，这意味着循环只有一次迭代，因此返回单个项

更新：

一些似乎会导致代码无法工作的事情- 你有点困惑，我想你是想做那样的事-

randomResultFunc() {
        return (Math.floor(Math.random() * (15 - 0)) + 0);
    }

displayFunc() {
        const result = this.randomResultFunc();
        this.checkResult(result);
    }

在displayBalls函数中，您将始终在每个球旁边显示相同的文本（这是您想要的吗？），并且为了显示5个球，应该这样写-

displayBalls() {

const balls = [] 
 for (let i = 0; i <= 5; i++) {
     balls.push(
    <Image
       source={require('./Images/ballline.png')}
       style={styles.ballStyle} >
       <Text style={{ fontSize: 28, color: 'white', marginLeft: 8 }}>
          {this.state.display}
       </Text>
    </Image>
    );
  }

return balls
}

displaybolls（）{
常量球=[]
对于（让i=0；i你能提供更多的信息吗？或者完整的代码吗？（你说了一些关于按钮的内容，但我没有看到任何按钮或单击处理程序…）

你在哪里更新状态

另外-在for循环中，您在第一次迭代中返回单个项，这意味着循环只有一次迭代，因此返回单个项

更新：

一些似乎会导致代码无法工作的事情-
你有点困惑，我想你是想做那样的事-

randomResultFunc() {
        return (Math.floor(Math.random() * (15 - 0)) + 0);
    }

displayFunc() {
        const result = this.randomResultFunc();
        this.checkResult(result);
    }

在displayBalls函数中，您将始终在每个球旁边显示相同的文本（这是您想要的吗？），并且为了显示5个球，应该这样写-

displayBalls() {

const balls = [] 
 for (let i = 0; i <= 5; i++) {
     balls.push(
    <Image
       source={require('./Images/ballline.png')}
       style={styles.ballStyle} >
       <Text style={{ fontSize: 28, color: 'white', marginLeft: 8 }}>
          {this.state.display}
       </Text>
    </Image>
    );
  }

return balls
}

displaybolls（）{
常量球=[]
for（设i=0；i