随笔分类 -  react

React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。
摘要:什么是 useCallback Hook? useCallback 是一个 React Hook,用于缓存函数,防止函数在每次组件渲染时被重新创建。它的主要目的是优化性能,特别是在将函数作为 props 传递给子组件或在依赖数组中使用时。 简单来说,useCallback 让你的函数“记住”之前的定 阅读全文
posted @ 2025-09-29 16:48 牛奔 阅读(66) 评论(0) 推荐(0)
摘要:什么是 useMemo Hook? useMemo 是一个 React Hook,用于缓存计算结果,避免在每次组件渲染时重复执行昂贵的计算。它通过记忆计算的值,只有在依赖项变化时才会重新计算,从而优化性能。 简单来说,useMemo 让你的计算结果“记住”上一次的值,减少不必要的计算开销。 为什么需 阅读全文
posted @ 2025-09-29 16:45 牛奔 阅读(74) 评论(0) 推荐(0)
摘要:什么是 useContext Hook? useContext 是 React 中的一个 Hook,用于在函数组件中访问 React Context 的值。Context 是 React 提供的一种机制,让你可以在组件树中共享数据,而无需通过 props 一层层传递。 简单来说,useContext 阅读全文
posted @ 2025-09-29 16:39 牛奔 阅读(32) 评论(0) 推荐(0)
摘要:什么是 useEffect Hook? useEffect 是 React 中的一个 Hook,用于在函数组件中处理副作用(side effects)。副作用是指那些不在组件渲染过程中直接发生的事情,比如: 发起网络请求(比如从服务器获取数据) 操作 DOM(比如改变页面标题) 设置定时器(比如 s 阅读全文
posted @ 2025-09-27 18:05 牛奔 阅读(32) 评论(0) 推荐(0)
摘要:为什么会存在重复渲染? react 在 v16.8 版本引入了全新的 api,叫做 React Hooks,它的使用与以往基于 class component 的组件用法非常的不一样,不再是基于类,而是基于函数进行页面的渲染,我们把它又称为 functional component。 因为 reac 阅读全文
posted @ 2023-03-04 09:26 牛奔 阅读(541) 评论(0) 推荐(0)
摘要:前言 pnpm 也需要设置自动安装对等依赖项 解决 pnpm 使用 npm 的配置格式,所以应该以与 npm 相同的方式设置配置: pnpm config set auto-install-peers true 注意:上述命令使用存储本地用户帐户设置的默认配置位置(~/.npmrc 对于 linux 阅读全文
posted @ 2022-11-11 17:04 牛奔 阅读(1283) 评论(0) 推荐(0)