我无法在React Native中设置状态

Question

在这个项目中，我想使用从Firebase数据库检索的数据设置userType的状态。 从firebase获取正常工作，但我不能从那里设置userType的状态

import React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, TextInput, Image } from 'react-native';
import * as firebase from 'firebase';


export default class Home extends React.Component {
  constructor(props){
    super(props)
    this.state=({
      userId:firebase.auth().currentUser.uid,
      userType:'f'
    })
  }
  componentDidMount() {
    this.readUserData();
  };
  readUserData=()=> {
    userstype= 'users/'+ this.state.userId + '/userType'

    firebase.database().ref(userstype).on('value', function (snapshot) {
      this.state=({userType:snapshot.val()})
    });

      alert(this.state.userType)
    }


  render() {
    return (

      <View style={styles.container}>
        <Text style={styles.titleText}>Taams</Text>
        <Text style={styles.edition}>Developer's Edition</Text>
        <Text style={styles.titleText}>Home</Text>
        <Text>Alpha 0.0.0.1</Text>
      </View>

Answer 1

要设置状态，请尝试执行以下操作，而不是this.state=({userType:snapshot.val()}) ： this.setState({ userType:snapshot.val() });

Answer 2

仅在构造函数中使用this.state ={} 。 应该在其他任何地方。

this.setState({}) 

所以改变

    firebase.database().ref(userstype).on('value', function (snapshot) {
  this.state=({userType:snapshot.val()})
});

至

    firebase.database().ref(userstype).on('value', function (snapshot) {
  this.setState({userType:snapshot.val()})
});

Answer 3

firebase.database().ref(userstype).on('value', (snapshot) => {
  this.setState({userType: snapshot.val()})
});

这可能是一个上下文问题。 如果不绑定匿名函数，您将失去原始上下文。 尝试使用ES6的箭头功能和this.setState（{}）