循環React-Native用戶界面組件

我想循環一個按鈕，以便在UI上創建6個按鈕。但是，我沒有得到所需的輸出，而是拋出一個錯誤。循環React-Native用戶界面組件

The error: Expected corresponding JSX closing tag for

有人可以幫我一把。

使用的代碼如下：

... 

    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> 

    ); 
    } 
} 
...

來源

2017-08-14 Illep

這似乎只是</VIew>因爲一個錯字你得到

Expected corresponding JSX closing tag for

只是</View>

來源

2017-08-14 10:45:14

更換沒錯。我錯過了。但我還有一個問題希望你能幫助我。該按鈕看起來不像按鈕（不能點擊等）。我怎樣才能解決這個問題？ – Illep

只是因爲你沒有使用'Button'，它的'Text'。如果你只是想用'Text'點擊，你可以使用'TouchableOpacity' –

循環React-Native用戶界面組件

回答

相關問題