如果连接到未更改的商店，React componentDidUpdate方法将不会在继承的道具更改上触发

Question

我想让我的组件知道是否已经加载了一些库。要知道从任何上下文来看，我都将其连接到商店的“库”
reduce组件中。我还this.props.dataObject从调用组件的父级那里传递了一个配置对象。像这样：

class GoogleButton extends Component {
    render() {
        if (this.props.libraries.google) {
            return <a id='sharePost' className='google_icon'></a>
        } else {
            return null
        }
    }

    componentDidUpdate() {
        gapi.interactivepost.render('sharePost', this.props.dataObject)
    }
}

function mapStateToProps(state) {
    return { libraries: state.libraries }
}

export default connect(mapStateToProps)(GoogleButton)

处理库状态的reducer如下所示：

let newState = {...state}
newState[action.libraryName] = action.state
return newState

当我更改库状态时componentDidUpdate有效。问题是当我改变父母继承的道具时this.props.dataObject。在这种情况下，componentDidUpdate不会触发。如果我connect从组件中删除，它会按预期工作。我在这里想念什么吗？

Answer 1

我解决了 我不确定100％是否正确，但我会解释。如果我对某事不对，请纠正我。

我一直在思考Dan在回答中所说的浅薄的平等检查。问题在那里。我从父对象传递了一个对象，并且该对象的嵌套元素发生了变化。对象保持不变。因此，使用连接带来的浅层平等检查，组件将永远不会更新。

Object.assign({}, dataObject)当我传递道具时，我的解决方案是在父级使用，所以我制作了另一个不同的对象。现在，浅层相等性检查可以对其进行比较，并确定道具已更改，并且在那里可以更新组件。