![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
德墨忒尔
不积跬步,无以至千里;不积小流,无以成江海。
展开
-
react useMemo的使用
useMemo是 React 提供的一个钩子(Hook),用于优化性能,特别是在处理复杂的函数或计算密集型操作时。useMemo通过记住(缓存)一个函数的返回值来减少不必要的重复计算。当您使用useMemo时,只有当其依赖项发生变化时,才会重新计算这个记忆值。原创 2023-12-21 09:57:49 · 802 阅读 · 0 评论 -
antd Upload组件上传状态一直处于uploading
antd Upload组件上传状态一直处于uploading对于受控模式,需要在 onChange 中始终 setState fileList,保证所有状态同步到 Upload 内import { UploadFile, UploadProps } from 'antd/es/upload/interface';...const [fileList, setFileList] = useState<UploadFile[]>([]);const uploadProps: Uplo原创 2022-01-13 15:59:59 · 5863 阅读 · 0 评论 -
使用useRef解决useState异步更新数据导致更新不及时问题
由于react hooks中useState更新值是异步的,所以会出现值更新不及时,可以使用useRef来解决这个问题定义useCallbackState函数import { useState, useRef, useEffect } from 'react';export function useCallbackState(state: any) { const cbRef = useRef(); const [data, setData] = useState(state);原创 2021-12-28 17:25:34 · 4772 阅读 · 0 评论 -
react antd使用TinyMCE富文本编辑器
1、引入tinymcenpm install --save @tinymce/tinymce-react2、将tinymce的文件放在public目录下 tinymce下载地址:https://www.tiny.cloud/get-tiny/self-hosted/ 语言包下载地址:https://www.tiny.cloud/get-tiny/language-packages/ 语言包下载后放在tinymce\js\tinymce\langs下3、自定义组件import { Edi原创 2021-12-28 13:17:01 · 1947 阅读 · 0 评论