在 componentDidMount() 上反应 setstate 返回 undefined

Question

当我在组件中使用 console.log() 时，removeListener 中的 setState 用户属性返回未定义，但是当我从 firebase 检查反应开发人员工具用户对象中的状态时，它具有我想要的实际值

    state = {
        coinList: {},
        fav: [],
        currentFavourite: '',
        prices: [],
        authed: false,
        user: null
    };

    componentDidMount = () => {
        this.removeListener = firebase.auth().onAuthStateChanged((user) => {
            if (user) {
                this.setState({
                    authed: true,
                    user
                });
            } else {
                this.setState({
                    authed: false
                });
            }
        });

        this.ref = base.syncState('fav', {
            context: this,
            state: 'fav',
            asArray: true
        });}

Answer 1

如果您的 console.log 语句在 removeListener 中，我怀疑在调用 console.log 时状态尚未更新。

setState 是异步的，因此在执行下一条语句时它已在后台更新。

您可以为 setState 提供一个函数或语句，该函数或语句仅在 setState 完成后才被调用......

this.setState({ user }, this.someFunction())

或者干脆……

this.setState({ user }, console.log(this.state.user));