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

Posted 前端小歌谣

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[react] useState和this.state的区别是什么？相关的知识，希望对你有一定的参考价值。

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

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

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

 个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论











主目录

与歌谣一起通关前端面试题

以上是关于[react] useState和this.state的区别是什么？的主要内容，如果未能解决你的问题，请参考以下文章

Firebase 和 React Hooks（useState 和 useEffect）

React - UseState，UseRef..In Trouble

React - useState 钩子第一次和后续设置状态时的奇怪行为

React useState() 使用指南

React useState 和 useEffect 混淆

React Hooks --- useState 和 useEffect