[react] 在react中怎样改变组件状态，以及状态改变的过程是什么？ - Githubissues

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

http://www.h-camel.com

MIT License

25.4k stars 3.25k forks source link

[react] 在react中怎样改变组件状态，以及状态改变的过程是什么？ #606

Open haizhilin2013 opened 5 years ago

haizhilin2013 commented 5 years ago

[react] 在react中怎样改变组件状态，以及状态改变的过程是什么？

wesweet commented 4 years ago

view触发action；dispatch(action)分发，reducer通过action更新状态，store将新的state发布给组件

lishichengyan commented 4 years ago

可以从生命周期的角度来答，对于已经挂载的组件，props 传进来后首先会调用componentWillReceiveProps，然后调用shouldComponentUpdate，若shouldComponentUpdate返回true，再继续调用componentWillUpdate计算nextState，然后render，最后调用componentDidUpdate完成整个流程。

vkboo commented 3 years ago

使用this.setState改变组件的状态
改变的过程中，React Fiber Reconciler遍历了整个Fiber Tree，得到了最新的DOM diff结果，并把这个结果应用到真实的DOM上。同时相应的生命周期(static getStateFromProps shouldComponentupdate render getSnapshotBeforeUpdate componentDidUpdate)也在相应的时机执行.