React Native插入变量

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);