[react] useState和this.state的区别是什么？ - 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.41k stars 3.26k forks source link

[react] useState和this.state的区别是什么？ #709

Open wwwind213 opened 5 years ago

wwwind213 commented 5 years ago

[react] useState和this.state的区别是什么？

postbird commented 4 years ago

useState内部基于 useReducer 实现，方法返回 state 本身以及一个修改 state 的方法。

通过 setXXX 修改数据，不会和 setState 一样进行对象属性合并，会直接覆盖。
Hooks 函数组件中，存在渲染闭包的概念，在一次渲染闭包中，state 是固定不变的。
Hooks 函数组件，默认开启类 Object.is 的浅层比较，类似默认开启 PureComponent 的优化方式。