javascript - ループを介してビューに複数のボタンを作成する

Question

反応ネイティブ アプリ用に複数のカスタム ボタンを作成したいと考えています。すべての情報を含む配列を使用しており、配列内のすべてのボタンを反復処理して、すべてのボタンを 1 つのビューに作成したいと考えています。私はこのようなことを試しました：

<View>
  for( let i=0; i<numberButtons; i++) {
          <TouchableOpacity style={[styles.mapView, this.props.mapViewStyle]} >
            <Image
              style={[styles.image, this.props.imageStyle]}
              source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}
            />
          </TouchableOpacity>
}
</View>

それはうまくいかないようです。反応ネイティブ フレームワークからエラーが発生するので、ビューで js を実行できないと思いますか?

これどうやってするの？