你听说过Javascript代理吗？我设法通过在 React 组件中使用它来替换 useReducer。
在这篇文章中，我将向您展示如何利用代理来无缝检测嵌套状态的变化，保持组件更新，并告别手动深度克隆和其他令人头痛的问题。
JavaScript 的 Proxy 就像一个超级间谍，可以拦截和自定义对对象执行的操作，例如获取、设置或删除属性。这使得它非常适合监听状态变化，即使是在嵌套对象中，也不需要深度比较或不必要的重新渲染。
这就是我们的目标：
在我们深入与 React 集成之前，让我们先来分解一下如何设置处理嵌套对象的代理。这个想法很简单：将您的初始状态包装在代理中，该代理可以监视任何更改并在需要时触发更新。
这是一个基本示例：
现在有趣的部分来了——将此代理设置集成到 React hook 中！我们将创建一个 useProxyState 钩子来包装我们的初始状态并确保任何更改自动触发 React 重新渲染。
虽然代理很强大，但也有一些注意事项：
以上是React 中的代理：你不知道自己需要的偷偷摸摸的国家间谍的详细内容。更多信息请关注PHP中文网其他相关文章！
