循环一个React-Native UI组件

Question

我试图循环一个按钮，以便在UI上创建6个按钮。 但是，我没有获得所需的输出，而是引发了错误。

错误：预期与之对应的JSX结束标记

有人可以帮我吗。

使用的代码如下：

...

  renderButtons = () => {
    const buttons = [];
    for( let i = 0; i < 6; i++) {
       buttons.push(
        <Text>
          i
        </Text>
      )
    }
    return buttons;
  }

render() {
    return (
      <View>
        <Image style={styles.toast} source={img} >

        </Image>
        <View>
          {this.renderButtons()}
        </View>

      </VIew>

    );
  }
}
...

Answer 1

似乎在</VIew>上有错字，因为您正在

预期对应的JSX结束标记

只需替换为</View>