ネイティブインサート変数に反応する

Question

関数に変数を挿入する構文を解明しようとしています。

var SlidesArray = ['Slide0', 'Slide1']; 
var Slides = SlidesArray[Math.floor(Math.random() * SlidesArray.length)]; 

<Text>{Slides}</Text> 
<TouchableHighlight style={styles.button} onPress={() => { this.props.navigation.navigate('{Slides}'); }}> 
    <Text style={{ color: '#FFFFFF', fontSize: 18 }}>Get New Activity {Slides}</Text> 
</TouchableHighlight> 

これがレンダリングするとき、私は、画面上の{Slides}の値を参照してください。

私は

<TouchableHighlight style={styles.button} onPress={() => { this.props.navigation.navigate('{Slides}'); }}> 

の内部で仕事を得るどのようにするには、ここの目標は、ビューの配列からランダムビューにナビゲートすることです。

onPress={() => { this.props.navigation.navigate({Slides}); }}が機能しませんでした。

Answer 1

Slidesの両括弧と一重引用符を削除してください。

this.props.navigation.navigate(Slides);