react componentDidUpdate() prevState !== this.state 问题

Question

componentDidUpdate(prevProps, prevState) {
    console.log(1, prevState.receiveSearch !== this.state.receiveSearch, prevState.receiveSearch, this.state.receiveSearch)
    if (prevState.receiveSearch !== this.state.receiveSearch) {
        this.setState({
            receiveSearch: {}
        });
    }
}

为什么prevState.receiveSearch, this.state.receiveSearch打印出来一样!==却是true

Answer 1

this.state.receiveSearch //指向的不是同一个对象, 所以prevState.receiveSearch !== this.state.receiveSearch ==> true 

我猜你在上一步的操作为

this.setState({receiveSearch: {click: false}}) 或
this.setState({receiveSearch: {click: true}})
//其实都是生成了一个新对象, 在比较过程中严格不等于(!==)肯定就是true了.

Answer 2

react 是 immutable的，两个对象只是所含值相等，但是是两个不同的对象，

另外，即便是同一个对象，你这里也达不到目的，因为如果是同一个对象，那么判断会一直相等。

你需要再看看如何判断两个对象是否相等。