我的道具在 React 的 ComponentDidMount 方法下的价值未定义

Question

为什么我在this.props 和this.state 下的值在我的componentDidMount 方法中未定义？在我的类组件的其他部分，我可以正确访问我的道具和状态值。我是否需要将它们单独传递到某个地方或我在哪里犯了任何错误？

我没有得到任何值：

componentDidMount() {
    console.log(this.props.token)
    console.log(this.state.training.coach)
    // values are null and undefined.
    if (this.props.token == this.state.training.coach) {
        this.setState({
            iscreator: true
        });
        console.log(this.state.iscreator)
    } else {
        this.setState({
            iscreator: false
        });
    }
}

访问this.props.token 时我得到正确的值：

handleDelete = (event) => {
    if (this.props.token !== null) {
        const trainingID = this.props.match.params.trainingID;
        axios.defaults.headers = {
                "Content-Type": "application/json",
                Authorization: this.props.token
            }
        axios.delete(`http://127.0.0.1:8000/api/${trainingID}/`)
        this.props.history.push('/');
        this.forceUpdate();
    } else {
    
    }
}

Answer 1

this.setState 是异步的，这意味着之后的函数不会等到它完成，所以如果你 console.log 更新后你的状态可能仍然具有旧值。

要解决此问题，您可以在 render 中检查您的状态值，它最终会更新，或者您可以运行 setState 并带有这样的回调

this.setState({iscreator: true}, () => console.log(this.state.iscreator) )

这确保仅在 setState 完成后运行 console.log。