对React Hook组件的一点理解
原创
React的hook组件本质是一个函数，组件内部每次调用setXXX，都会导致组件函数重新执行，这里大家经常有一个误区，那就是函数重新执行，内部变量会销毁，一切从零开始，这React Hook这里不能这样理解。
函数组件重新执行后，内部定义的变量是会被销毁，但是变量所指向的引用或者说是存储地址在函数作用域外面，并且存贮地址不会发生变化，如useState、useRef等函数创建的变量。这些函数创建的变量在函数重新执行后，会重新赋值，但其指向的引用不会发生变化。
但是有些函数创建的函数会重新创建存贮，是真的会发生变化，如createRef，自定义的函数，这些都会在函数重新执行时重新赋值，并且其值也是新的。
其次需要注意的是useEffect的使用，这个函数也会随着函数组件的重新执行而执行，注意其依赖条件，如果没有依赖条件，那么每次发render都会触发useEffect函数的执行，这里要加强管理，防止不注意出现丢掉依赖条件。
以上便是在使用react Hook时的一点拙见，希望对你有所帮助
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读