react中 props,state与render函数的关系

我们很明显的能够感受到，react是一门数据驱动的框架，当数据发生变化，页面就会自动发生变化，他背后的原理是怎么样子的呢

比如todolist例子里面，inputValue变了，框里面的内容就会自动变。同时input框里面见监听了onChange事件，input框里面的内容变了,inputValue也会自动变。这里通过事件重新赋值给了inputValue。那么state和页面之间互相联动，他的底层机理是怎么样的呢

当组件的state或者props发生改变的时候，render函数就会重新执行。这里面数据不仅包括state，还包括props。当父组件的render函数运行时，它的子组件的render都将被重新运行一次