I'm trying to get the text from two text fields I have.
But when I try to log the text to the console it always prints nothing, It has the LOG tag of course, but nothing else.
This is my code:

```
class Login extends React.Component {

state =  {
  email : '',
  password: '',
}

handleLogin = () => {
  console.log(this.state.email);
};

render() {
    return(
        <View style={styles.superContainer}>
          <View style={styles.formContainer}>
              <AppTextInput
                placeHolderText="Email@Address.com"
                onChangeText={(text) => this.setState({email: text})}/>
              <AppTextInput
                placeHolderText="Password"
                onChangeText={(text) => this.setState({password: text})}/>
          </View>
          <View style={styles.buttonContainer}>
              <AppButton
              title="LOGIN"
              onPress={this.handleLogin}
              />
          </View>
        </View>

    );
  }
}

```

I searched for an answer, but it seems like it should work. It is written just like in other answers I saw to the same question, and it is written like that on the docs I saw.
What am I doing wrong?

As request, I added an image of the console:
[![enter image description here](https://i.stack.imgur.com/R0TSc.png)](https://i.stack.imgur.com/R0TSc.png)

EDIT: I now tried to change the 'email' in the `this.state` part, when logging it is showing, it seems like the `TextInput` won't get the text on `onChangeText`