前段时间在本地起了一个 React Demo 项目，在编码的过程中遇到一个很奇怪的“Bug”。 其中一个组件里面有如下代码（简化版）。 我是万万没想到，就这样一点简单的代码竟然会触发一个“Bug”。

前置知识：浏览器记录历史和跳转 这部分大多数人都有了解，这里简单总结一下勾起你们的记忆： 无刷新跳转有两种模式：window.history.pushState(replaceState)和locat

壹 ❀ 引 本文属于我在公司的一篇技术分享文章，它在我之前 React性能优化，六个小技巧教你减少组件无效渲染一文的基础上进行了拓展，增加了工具篇以及部分更详细的解释，所以内容上会存在部分重复，以下是

--- theme: fancy --- 现实很多项目存在大量的useMemo和useCallback，大多数的使用并没有起到实际作用，使得项目的渲染效率更低了。 我们在应用程序中使用useMemo和

背景 相信大家在写react时都有这样的经历：在项目中使用了大量的useEffect，以至于让我们的代码变得混乱和难以维护。 难道说useEffect这个hook不好吗？并不是这样的，只是我们一直在滥

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行批处理，原生js事件

大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

Redux Toolkit 的构建简化了大多数 Redux 任务，防止了常见错误，并使编写 Redux 应用程序变得更加容易。可以说 Redux Toolkit 就是目前 Redux 的最佳实践方式

一 前言 先问大家几个问题，这几个问题都是我在面试中真实被问到的，属实给我整不会了.... 写hooks跟写类组件比，hooks有啥优势？ 我们如何封装一个hook？ hooks原理是什么？ 面试虽然