React跳转为什么页面不重载

  在使用 React 开发项目时你可能注意到,当点击页面中的跳转链接时,地址栏的 URL 发生了变化,但页面却没有被重载,只是改了部分内容。这在传统网页中几乎是不可能的事,我们一旦换了 URL 地址,浏览器就会向服务器发起请求并重新加载页面。那为什么在 React 里,页面地址变了却不刷新?

阅读更多

useCallback

  在 React 中,组件的重新渲染是一个重要的性能考虑因素。随着我们应用程序的复杂性增加,经常因为传递给子组件的函数变更而导致不必要的重新渲染(由于函数变化了,此时就算组件用了 memo ,因为函数实际变化了,这个 memo 就会失效了)。为了避免这种情况,React 提供了一个另一个 Hook 函数 **useCallback**。它可以缓存函数实例的 React Hook,避免在每次渲染时都重新创建函数,从而提高性能。

阅读更多

memo与useMeomo

  在 React 的性能优化一直是开发过程中的一个重要方面,尤其是在构建复杂应用时。随着组件数量和复杂度的增加,React 会频繁地重新渲染组件,这可能会导致严重的性能瓶颈。为了避免不必要的重新渲染,React 提供了 memouseMemo 这两个优化工具来避免不必要的渲染。

阅读更多