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

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

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

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

猜你喜欢

转载自www.cnblogs.com/wzndkj/p/10508397.html