前端记录 记录分享前端知识

记一次 hooks 闭包陷阱问题


题图为作者拍于稻城亚丁五色海。 hooks 的闭包陷阱是个老生常谈的问题了,但依然很容易在开发时忽略。近日再次遭遇了这个问题,记录一下。 发现 bug 需求很简单:一个卡片上有多个下载按钮,点击后请求文件地址。大概实现如下: ...
题图为作者拍于稻城亚丁五色海。 hooks 的闭包陷阱是个老生常谈的问题了,但依然很容易在开发时忽略。近日再次遭遇了这个问题,记录一下。 发现 bug 需求很简单:一个卡片上有多个下载按...

记一次 hooks 闭包陷阱问题

题图为作者拍于稻城亚丁五色海。 hooks 的闭包陷阱是个老生常谈的问题了,但依然很容易在开发时忽略。近日再次遭遇了这个问题,记录一下。 发现 bug 需求...
阅读全文 1

如何正确使用 useMemo 和 useCallback


题图为作者拍于稻城亚丁洛绒牛场。 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以用来缓存函数、组件、变量,以避免两次渲染间的重复计算。但是实践过程中,他们经常被过度使用:担心性能的开发者给每个组件、函数...
题图为作者拍于稻城亚丁洛绒牛场。 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以用来缓存函数、组件、变量,以避免两次渲染间的重复计算...

如何正确使用 useMemo 和 useCallback

题图为作者拍于稻城亚丁洛绒牛场。 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以用来缓存函数、组件、变...
阅读全文 1