Z_Wonderful的博客

2、确保初始化函数initData不会在组件卸载后继续执行。

location 无法获取最新。

useState多次渲染页面卡顿

设置定时器1000ms后，定时器里的函数会被加入到宏任务队列里，并执行。此时，设置的只执行一次的定时器已经生效过了，清除定时器没有意义。清除定时器要在定时器触发前调用才有意义。了解相关知识：定时器，事件循环。

【代码】react useEffect 内存泄漏。

问题描述：React死循环问题

XLSX.utils.book_new()创建新文件XLSX.utils.aoa_to_sheet 新sheet表merges数组表示对行和列进行合并，c表示column(列)，r表示row(行)，s表示start(开始)，e表示end(结束)，索引从0开始。

运行项目一直显示端口被占用。

（Universally Unique Identifier）的缩写，是一种软件建构的标准，亦为开放软件基金会组织在分布式计算环境领域的一部分。其目的，是让分布式系统中的所有元素，都能有唯一的辨识信息，而不需要通过中央控制端来做辨识信息的指定。在这样的情况下，就不需考虑数据库创建时的名称重复问题。最广泛应用的UUID，是微软公司的全局唯一标识符（GUID），而其他重要的应用，则有Linux ext2/ext3文件系统、LUKS加密分区、GNOME、KDE、Mac OS X等等。

我尝试去定义 Promise里的自定义的类型，希望与数据接口返回的类型一致。目的是希望类型定义好之后可以不用去看文档也能知道这个接口返回的是哪些数据。

React 多环境运行打包配置(版本区分)

useEffect 无法监控，死循环，第二个参数不能是引用类型

react ref 获取和更改input值

项目场景：提交表单且数据验证失败后，需要触发回调事件必填表单未填写，提交校验提示，使用(提交表单且数据验证失败后回调事件)onFinishFailed，无法触发：原因分析：提交表单方式与不匹配：使用获取表单参数，将无法触发，会抛出异常第一种：：获取捕获异常传入函数好处：可以传入参数缺点：无法触发第二种,好处：可以触发**...

react-hook useRef 使用（useImperativeHandle）父组件调用子组件函数

项目场景：前端处理一些批量文件或者图片时候，通过使用异步上传，减少表单一次性提交的的数据量。但是图片或者文件有删除的时候，服务器上真实的图片不容易删除。JSZip这个技术，可以将文件或者图片打包成一个Zip文件。这就大大减少了数据的传输量解决方案：提示：JSZip官网 ----------NPM链接下载:npm i jszip引入：const JsZip = require('jszip');或 import JSZip from 'JSZip';```代码：```java

项目场景：URL：链接跳转路由--加（#/）拼接例如：http://app.esdgd.com/dist/index.html#/?id=${key}/DataModule/index.html --项目地址#/src/components/CustomizeSelect—路由地址/DataModule/index.html#/src/components/CustomizeSelect...

mobx 的autorun使用：

学习内容：react -hookuseRef 存值的方法。useRef：const refContainer = useRef(initialValue);useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内持续存在。一个常见的用例便是命令式地访问子组件：function TextInputWithFocusButton() { const inputEl = useRef(n

项目场景：自定义打印页面用法：导入第三方react-to-printnpm install --save react-to-printnpm使用方法：import ReactToPrint from 'react-to-print';const inputRef = useRef();//获取 dom<Layout className="fuelStatisticsForm-form"> <div ref={inputRef} className="form

antd forme (rules)写方法...

暴露配置文件：create-react-app 生成的项目看不到 webpack 相关的配置文件，需要先暴露出来，使用如下命令npm run eject 修改配置文件：webpack.config.js//把一个路径或路径片段的序列解析为一个绝对路径 path.resolve(__dirname, '../')// 静态储存当前目录绝对路径 __dirname：目录名const staticRootDir = path.resolve(__dirname, '../');reso

项目场景：react hooks定时器--清除定时器问题描述：onStart的时候开启定时器，点击按钮停止时清除定时器,onPause方法中获取不到定时器function StopCWatch() { const [isStarted, setStarted] = useState(false); const [startTime, setTime] = useState(null); // 开始时间 const [currentTime, setCurrentTime] = use