在react 监听数据对象的变更？

Question

自己实现了一个感觉不太优雅， 主要在react中使用。
主要用于组件props的依赖。
如c组件的number,value 依赖a,b组件。a,b 组件变更时c组件也变更

window.watchData = [
    {key: 'a', value: 'a', number: 1},
    {key: 'c', value: {
        wathch: ['a.value', 'b.value'],
        handler: function(a, b){
            return a+b
        }
    }, number: {
        wathch: ['a.number', 'b.number'],
        handler: function(a, b){
            return a+b
        }
    }},
    {key: 'b', value: 'b', number: 2},
]

Answer 1

请看 context

Answer 2

useEffect(() => {
    // Update the document title using the browser 
}, [item]);

Hook 文档