trudbot's blog
·
react bug记录: useEffect中使用响应式变量
💡
原文中文，约2400字，阅读约需6分钟。
📝
内容提要
本文介绍了使用useEffect API时可能出现的错误及解决方法，其中包括使用useEffectEvent包装方法和Reducer对state的包装。useEffectEvent API可以在不影响Effect响应式逻辑的情况下，获取state的最新值。
🎯
关键要点
- 使用useEffect API时可能出现错误，需认真查看文档。
- 在useEffect中创建连接时，需将事件从Effect中分开。
- 每个响应式值都必须作为useEffect的依赖，避免groups始终为空。
- 将groups放入依赖列表会导致连接逻辑被破坏。
- useEffect适合在用户信息变化时重新建立连接。
- 需要隔离非响应式逻辑与响应式Effect，使用useEffectEvent API。
- useEffectEvent可以在不影响Effect响应式逻辑的情况下获取state的最新值。
- Reducer可以实现对state的包装，通过间接修改state来解决问题。
- useEffect中的事件处理函数可以使用useEffectEvent来处理。
➡️
