React Native按钮点击

lsmd5eda  于 2023-03-31  发布在  React
关注(0)|答案(1)|浏览(141)

我正在做一个React Native应用程序。我有两个不同的屏幕,Login和Register。这两个组件都存在于不同的模块中。但是,当我在一个屏幕中的按钮上添加onPressprop时,它也会影响另一个屏幕。例如,如果我点击登录屏幕的按钮,它会调用注册屏幕的函数,即使登录屏幕按钮没有添加这样的事件。
请看代码块
LoginForm.js

<TouchableOpacity style={styles.buttonContainerRegister} onPress = {() => this.props.navigation.navigate('RegisterScreen')}>
                        <Text  style={styles.buttonText}>REGISTER</Text>
                    </TouchableOpacity>

RegisterForm.js

<TouchableOpacity style={styles.buttonContainerRegister1}  testID="test1" >
                            <Text  style={styles.buttonText1} onPress = {Alert.alert("my")} >Register</Text>
                        </TouchableOpacity>

当我单击LoginForm.js的按钮时,它会触发RegisterForm.js按钮的事件添加。

r1wp621o

r1wp621o1#

在您的RegisterForm.js中,更改此..

onPress = {Alert.alert("my")} //Self invoking

到这个

onPress = {() => Alert.alert("my")} //Requires a Press event

相关问题