Javascript 对象析构在 react this.props 中不起作用

Question

几天前我刚刚用简单的对象学习了对象析构，而且效果很好。 然而，当我尝试在 this.props 上使用它时，它为我的所有变量返回 undefined，我不确定我在这里做错了什么。 任何帮助深表感谢。 干杯。

render() {
    console.log("the properties from props", this.props.currentTeam);
    const {
        metaDataUpdated,
        metaDataUpdating,
        needsToResetUpdateMessage
    } = this.props.currentTeam;
    console.log(
        `metadata updated? ${metaDataUpdated}   --- is metaDataUpdating? ${metaDataUpdating} --- need to update message ${needsToResetUpdateMessage}`
    );

Answer 1

您的console.log语句正在查看两个不同的内容，并且console.log在显示特定时间点的内容时不可靠。 如果您想调试这样的东西，请尝试使用它：

console.log(JSON.stringify(this.props.currentTeam)));
console.log(JSON.stringify(metaDataUpdated));

然后你可能会看到值的一致性，你的问题很可能与 React 生命周期或你更新 props 或 state 的方式有关。