BFE.devAI解答 - React 小测验
21. useEffect() II

这个React组件的功能是什么？

• 将一个名为Child的组件渲染到页面上，同时根据show的值决定是否显示Child组件；
• Child组件通过useIsMounted hook获取当前组件是否挂载的状态，并在useEffect hook里打印该状态；
• Child组件在组件挂载时调用unmount函数，该函数可以在父组件App中根据需要决定是否将Child组件从页面上卸载。

为什么需要用useIsMounted hook？

• 在useEffect中异步执行的代码可能会引用挂载后才能被访问的变量或状态，此时在不使用useIsMounted hook的情况下，可能会在组件卸载后仍然触发一些操作，引发一些警告或错误；
• useIsMounted hook基于useRef，可以在useEffect之外存储一个可变的状态值，用于判断组件的挂载状态，并在useEffect中作为依赖项来避免不必要的代码执行。