react是如何知道數(shù)據(jù)變化了

它不知道，所以才叫你用 setState 。

1L 說的是對的，因為所有對于state的修改，全部都是通過setState方法進行的。

• 怎樣算是一個react組件，繼承React.Component
• 繼承React.Component做了什么？React.Compnent包含了setState的方法
• setState的方法有什么用，通過setState控制維護了一個組件的state，所有想要修改state的操作，必須通過這個方法。

如果你想知道數(shù)據(jù)變化了，監(jiān)聽數(shù)據(jù)的變化？那你需要從數(shù)據(jù)的根源做起，mobx就是監(jiān)聽數(shù)據(jù)的變化，可以去看看源碼。

function makePropertyObservableReference(propName) {
            let valueHolder = this[propName]
            const atom = new Atom("reactive " + propName)
            Object.defineProperty(this, propName, {
                configurable: true,
                enumerable: true,
                get: function() {
                    atom.reportObserved()
                    return valueHolder
                },
                set: function set(v) {
                    if (!isForcingUpdate && isObjectShallowModified(valueHolder, v)) {
                        valueHolder = v
                        skipRender = true
                        atom.reportChanged()
                        skipRender = false
                    } else {
                        valueHolder = v
                    }
                }
            })
        }

原理其實很簡單，不存在監(jiān)聽。

React規(guī)定了所有的state的改變都必須要通過setState方法，不然的話無法觸發(fā)React自身完整的更新機制。所以很簡單，只要在setState方法里寫上所有的對應更新機制或者觸發(fā)其它的生命周期就可以了。