React useMutationObserver 钩子:如何优雅地监听 DOM 变化?
在 React 应用开发中,有时我们需要监听 DOM 的变化,例如动态内容的加载、用户交互导致的 DOM 结构变化等。虽然 JavaScript 的MutationObserverAPI 提供了这种功能,但在 React 的声明式编程模型中直接使用它可能显得不够优雅。useMutationObserver钩子提供了一种简洁的方式来在 React 组件中使用MutationObserver,使得监听 DOM 变化变得简单而直观。以下是如何实现和使用这个自定义钩子:
constuseMutationObserver=(ref,callback,options=