谁能帮我。
这是我的源代码：https://snack.expo.io/rJFgyPDpH
想法是，如果我点击“1 Button“它应该是‘红色’，如果我点击“2个按钮”也应该将其颜色更改为“红色”，但是“1 个按钮”应将其更改为默认颜色黑色。然而，“2个按钮”.
如果我的方法太简单，可以使用其他方法（例如TouchableHighlight、ES6 等）也受到欢迎。如果您向我展示错误，以便我从中学习，我会很感激。
尝试下面
state={
selectedButton: '',
};
<View style={styles.container}>
<TouchableOpacity
style={{ backgroundColor: this.state.selectedButton === 'button1' ? 'red' : 'black', padding: 15}}
onPress={() => this.setState({ selectedButton: 'button1' })}
>
<Text style={styles.text}>1 Button</Text>
</TouchableOpacity>
<TouchableOpacity
style={{ backgroundColor: this.state.selectedButton === 'button2' ? 'red' : 'black', padding: 15}}
onPress={() => this.setState({ selectedButton: 'button2' })}
>
<Text style={styles.text}>2 button!</Text>
</TouchableOpacity>
</View>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
