React中常见Hooks总结

React中常用Hooks总结

1.useState

React中的 useState 其实就相当于Vue中的ref()和reactive() ，生成响应式数据。

在Vue中数据使用响应式对象（ Proxy），Vue会对数据进行劫持，当数据发生改变的时候，Vue会调用Render函数对视图进行更新。reat使用下面的setX（）函数调用render。

React.js 使用一种称为虚拟 DOM（Virtual DOM）的机制来实现高效的响应式更新。当状态（State）发生变化时，React.js 会重新计算虚拟 DOM 树，并与之前的虚拟 DOM 树进行比较，找出需要更新的部分，然后仅更新这些部分到实际 DOM。这样可以减少对实际 DOM 的操作，提高性能。

const [x, setX] = useState(0)
//使用setX改变x的值