react 组件重新渲染机制

Question

react组件 更新和渲染是两个不同过程，可以通过shouldComponentUpdate控制是否渲染。

今天遇到一个问题，就是父组件数据list不放state里面，然后list通过props传给子组件，异步修改数据list时候,父子组件都没有触发更新和渲染，直接体现就是子组件拿到的props还是原来的。

是不是可以这样理解，react 只会监听state的数据，然后触发对应的更新和渲染。不在state中的数据，即使绑定子组件props，因为父组件未更新，造成子组件props也不会触发更新。

Answer 1

react 中更新组件数据常规就是依靠setState（类组件）以及props,在这里state我把它理解为内部状态，props理解为对外接口。

重点说说props，子组件也是需要父组件承载，父组件的更新也是需要依靠内部状态（假设这个父组件没有props），也就是说需要依靠setState才能更新，当然你也可以通过this.forceUpdate()，强制render

Answer 2

是的，我没有看过react的源码，不过在preact中渲染更新是通过调用setState之后的一个微任务之后开始渲染。