React Native this.setState 的文本

Question

我是 React Native 的新手，当我使用 this.setState() 更改值时，我无法更新我的变量。单击按钮时，我正在调用此函数：

    const updateName = () => {
        var user = firebase.auth().currentUser;
        user.updateProfile({
            displayName: "Test Test"
        }).then(function() {
            alert('Name changed')
        }).catch(function(e) {
            alert(e)
        })
        this.setState({ userFullName: firebase.auth().currentUser.displayName })
    }

这会将当前用户的显示名称更新为“Test Test”，我希望此更改能够反映在屏幕上。它当前显示在 userFullName 变量中，但我收到 TypeError: undefined is not an object。有人知道怎么做吗？

Answer 1

如果我在做这个，我会写一个更像这样的函数：

const updateName = async (displayName) => {
    this.setState({ userFullName: displayName })
    try {
        var user = firebase.auth().currentUser;
        await user.updateProfile({
            displayName
        })
        alert('Name changed')
    } catch (e) {
        alert(e)
        this.setState({ userFullName: firebase.auth().currentUser.displayName })
    }
}

这并不能回答您收到 TypeError: undefined is not an object. 错误的原因，但是，这将确保您的 UI 在您保存新的 displayName 时响应。

现在，对于这样的一般性错误，很难说出究竟是什么问题，但我要检查的变量是 undefined 将是 firebase、firebase.auth().currentUser。似乎该错误可能是指这些变量中的任何一个，因为它们被作为对象访问。