null не является объектом: (оценивая this.state.email)

Question

Я создаю форму авторизации. Но возникли проблемы с этой проблемой. это то, что я сделал до сих пор.

loginUser = async(email, password) => {
    if(email != '' && password != ''){
      try {
        let user = await auth.signInWithEmailAndPassword(email,password);
        console.log(user);
      } catch (error) {
        console.log(error);
      }
    } else {
      alert("some error")
    }
  }

и внутри рендера:

render(){
    return(
      <View>
        <Text>Email</Text>
        <TextInput
          onChangeText={(text) => this.setState({email: text})}
          value={this.state.email}
        />
        <Text>Password</Text>
        <TextInput
          onChangeText={(text) => this.setState({password: text})}
          value={this.state.password}
          secureTextEntry={true}
        />
        <TouchableHighlight style={{backgroundColor: "green"}}
          onPress={() => this.loginUser(this.state.email, this.state.password)}>
          <Text>Login!</Text>
        </TouchableHighlight>

        <TouchableHighlight style={{backgroundColor: "green"}}
          onPress={()=> this.loginWithFacebook()}>
          <Text>Login with Facebook!</Text>
        </TouchableHighlight>
      </View>
    );
  }
}

Что я здесь не так делаю? Потому что функция loginUser не работает должным образом ... Спасибо за помощь!

Answer 1

Добавьте этот код после объявления вашего класса:

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

Код не выполняется, потому что вы пытаетесь получить ключ obj, который не существует.Сначала нужно создать его.

Answer 2

Я не вижу конструктор в коде. Попробуйте добавить это.

constructor(props){
    super(props);
    this.state = {
    }
  }