记录react 使用 useCallback, useEffect，useMemo

最新推荐文章于 2024-06-14 10:54:56 发布

采药人~陈大仙

最新推荐文章于 2024-06-14 10:54:56 发布

阅读量3.1k

点赞数

文章标签： react hooks

本文链接：https://blog.csdn.net/weixin_46138124/article/details/105769249

版权

本文详细介绍了React Hooks中的useCallback、useMemo和useEffect。useCallback用于记忆化回调函数，避免因组件更新导致的不必要的重新创建；useMemo则在依赖未变化时提供缓存结果，提高性能；而useEffect结合了组件生命周期的多个阶段，用于处理副作用。通过合理使用这三个Hooks，可以优化React应用的性能和代码组织。

摘要由CSDN通过智能技术生成

useCallback：接收一个内联回调函数和一个依赖数组，返回一个记忆版本的回调函数。如果第二个参数没有指定改变值的情况，它只会在第一次时进行该值闭包缓存，不再更新

import React, {
    useState, useCallback } from 'react';

const [getImageUrl, setImageUrl] = useState<string>("");

const [getUrlLoading, setUrlLoading] = useState<boolean>(false);

const handleChange: (info: UploadChangeParam<any>) => void = useCallback(info =>