Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
865 views
in Technique[技术] by (71.8m points)

react 组件重新渲染机制

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

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...