React新文档中，为何滥用Ref会成为长尾词的疑问焦点？

本文共计1813个文字，预计阅读时间需要8分钟。

目录- 引言- 为什么是逃生舱？- 失控的Ref如何限制？- 人为取消限制- useImperativeHandle总结- 引言- React新文档中一个很有意思的细节： - useRef - useEffect - 这两个API的介绍 - 在文档中所在的章节

目录

• 引言
• 为什么是逃生舱？
• 失控的Ref
• 如何限制失控
• 人为取消限制
• useImperativeHandle
• 总结

引言

React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。

显然，正常航行时是不需要逃生舱的，只有在遇到危险时会用到。

如果开发者过多依赖这两个API，可能是误用。

在React新文档：不要滥用effect哦中我们谈到useEffect的正确使用场景。

今天，我们来聊聊Ref的使用场景。

为什么是逃生舱？

先思考一个问题：为什么ref、effect被归类到逃生舱中？

这是因为二者操作的都是脱离React控制的因素。