this.state ist während des onPress-Ereignisses in react native undefiniert.

allo, ich bin neu in react native, mein Code ist:

import React, {
  View,
  Text,
  TextInput,
  Component
} from 'react-native';

import Style from './styles/signin';
import Button from '../common/button';

export default class SignIn extends Component {
  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: ''
    };
  }

  render(){
    return(
      <View style={Style.container}>
        <Text style={Style.label}>Email</Text>
        <TextInput
          style={Style.input}
          onChangeText={(text) => this.setState({email: text})}
          value={this.state.email}
        />
        <Text style={Style.label}>Password</Text>
        <TextInput
          style={Style.input}
          onChangeText={(text) => this.setState({password: text})}
          value={this.state.password}
          secureTextEntry={true}
        />
        <Button text={'Sign in'} onPress={this.onPress}/>
      </View>
    );
  }
  onPress(){
    console.log(this.state.email);
  }
}

Wenn ich dieses Formular ausfülle und auf Anmelden drücke, wird folgende Fehlermeldung angezeigt: "Die Eigenschaft 'E-Mail' von undefined kann nicht gelesen werden". Danke für die Hilfe

Antworten auf die Frage(2)

Ihre Antwort auf die Frage