Question

我想根据textinputs输入的用户信息更新firebase - 数据库中的值。我像往常一样在textinputs的onChange事件中设置状态。但是，当我最终想要使用输入的信息更新数据库时，没有任何反应。我用硬编码的字符串而不是状态值来测试它，这是有效的，它更新了数据库。我怎样才能使这个状态值工作？

  constructor(props) {
super(props);

this.state = {
  name: "",
  surName: "",
  email: ""
};

}

                    <View style={styles.surNameHolder}>
                  <Text style={styles.surNameLabel}>Nachname</Text>
                  <TextInput
                    style={styles.surNameText}
                    placeholder="Musterman"
                    keyboardType="default"
                    hideUnderline={true}
                    onChange={surName =>
                      this.setState({ surName: surName })
                    }
                  />
                </View>
                <View style={styles.nameHolder}>
                  <Text style={styles.nameLabel}>Vorname</Text>
                  <TextInput
                    style={styles.nameText}
                    placeholder="Max"
                    keyboardType="default"
                    hideUnderline={true}
                    onChange={name => this.setState({ name: name })}
                  />
                </View>
              </View>
              <View style={styles.mailHolder}>
                <Text style={styles.mailLabel}>E-Mail</Text>
                <TextInput
                  style={styles.mailText}
                  placeholder="musterman@max.com"
                  keyboardType="default"
                  hideUnderline={true}
                  onChange={value => this.setState({ email: value })}
                />
              </View>
              <View
                style={{
                  flex: 1,
                  justifyContent: "center",
                  alignItems: "center",
                  marginTop: 20
                }}
              >
                <View center style={styles.postButton}>
                  <TouchableOpacity onPress={this.updateUserData}>
                    <Text style={styles.postButtonText}>
                      AGB´s akzeptiert
                    </Text>
                  </TouchableOpacity>
                </View>

  updateUserData = () => {
if (this.state.name) {
  if (this.state.surName) {
    if (this.state.email) {
      var currentUserRef = firebase
        .database()
        .ref("Users")
        .child(firebase.auth().currentUser.uid);

      currentUserRef.update({
        firstName: this.state.name
      });
    }
  }
}

};

Answer 1

您必须使用onChangeText而不是onChange才能将文本作为参数

https://facebook.github.io/react-native/docs/textinput.html#onchangetext

React Native Firebase - 具有状态值的数据库更新

1 个答案: