在下面的Sandbox 项目中，我试图使用自定义挂钩来连接事件侦听器.
在useEventListener中.js文件，如果我传递savedHandler.直接将当前函数发送给事件侦听器(行号:21)在状态更新期间，我没有获得更新的状态值.只有当我使用savedHandler时.匿名函数中的当前函数(行号:19)我正在获取更新的状态值.
有人能帮我理解这是怎么回事吗？
https://codesandbox.io/s/gracious-cloud-kjw7dk?file=/src/useEventListener.js
谢谢
我只能这样解释:
对于上下文，当单击toggle flag按钮时，每次渲染后仅运行前useEffect(callback,[handler])次，第二个useEffect(callback,[eventName,element])只在初始渲染后运行一次.
useCallback返回的函数，因此在每个事件上，由于reasons:，正在调用相同的函数.事件仅注册一次，清理函数不运行，因为useEffect在初始渲染后仅运行一次(清理函数将在实例中运行，就在依赖关系更改引起的下一个副作用之前，以及组件卸载时).因此，您只需使用一个记忆回调来注册一次事件，该回调会在渲染过程中持续存在.第一个useEffect中savedHandler.current的更新不会更新传递给第二个useEffect中事件侦听器的回调，因为它不会重新运行，因此不会更新传递给事件侦听器的回调.就是这样.为了自己确认，try 在第二个useEffect上添加handler作为依赖项，并将savedHandler.current直接传递给事件侦听器.您将获得更新后的状态值，因为useEffect现在在handler的每次更新之后运行，并且事件侦听器获得要调用的最新回调.