輸入，無法檢索輸入值React Native

Login(){ 
    alert(this.state.username); 
    this.props.navigator.push({ 
     component: MainActivity 
    }) 
    } 



render() { 
    return<View style={styles.loginView}> 
     <Image style={styles.image} source={require('./Ionic.png')}/> 
     <Text style={styles.loginText}>Chat System</Text> 
     <TextInput style={styles.usernameText} placeholder="username" placeholderTextColor="black" onChangeText={(text) => this.setState({username: text})} /> 
     <TextInput style={styles.passwordText} placeholder="password" placeholderTextColor="black" onChangeText={(text) => this.setState({password: text})} onSubmitEditing={this.Login} secureTextEntry/> 
     <TouchableWithoutFeedback onPress={this.Login}><View style={styles.loginButton}> <Text style={styles.loginButtonText}>Sign In</Text></View></TouchableWithoutFeedback> 
     <TouchableWithoutFeedback><View style={styles.signUpButton}><Text style={styles.signUpButtonText}>Sign Up</Text></View></TouchableWithoutFeedback> 
     <TouchableWithoutFeedback><View><Text style={styles.forgetPasswordText}>Forgot password?</Text></View></TouchableWithoutFeedback> 
    </View> 

}

我需要在登錄方法中輸入用戶名和密碼輸入的值，在登錄時單擊或在輸入密碼後按Enter鍵。輸入，無法檢索輸入值React Native

我目前得到this error while running in iOS

來源

2016-01-21 Smit

我想你的代碼，顯然是一個空白在那裏：

<TouchableWithoutFeedback onPress={this.Login}><View style={styles.loginButton}> <Text style={styles.loginButtonText}>Sign In</Text></View></TouchableWithoutFeedback>

導致錯誤。

來源

2016-01-21 14:04:02 zvona

感謝您的答覆。它確實有效。你能幫助我爲什麼我無法從我的登錄方法中的用戶名輸入字段獲取變量。 – Smit

@Smit看到我的另一個解決您的問題的答案。 – zvona

感謝您的回覆。你能解釋我嗎？或者對回購進行評論？謝謝 – Smit

這裏有一個工作示例：https://rnplay.org/apps/HVoVfw

您正在執行Login錯誤的，正確的方法是：

<TouchableWithoutFeedback onPress={() => this.Login()}> 
    <Text>Sign In</Text> 
</TouchableWithoutFeedback>

來源

2016-01-21 14:38:00 zvona

輸入，無法檢索輸入值React Native

回答

相關問題