10 2020 档案
摘要：怎么使用好useCallback，来达到减少render次数的效果 react优化方式 减少render次数 减少计算量 下面的代码，当handleClick1时间触发时，PageB组件也会重新渲染 import React, { memo, useCallback, useState } from
阅读全文
摘要：高阶函数 使用方式 在导出函数上面使用@HOC，@HOC function() {} @HOC语法通过es7中decorator来实现的，需要配置babel来兼容才可以使用 导出时使用HOC进行包裹，export default HOC(HocComponent) 高阶函数使应用场景 目的：把常用的
阅读全文
摘要：react hooks 实现一个计时器 endTime对应服务端返回的时间 import React, { useState, useEffect } from 'react' const completionFunc = value => { if(String(value).length 1)
阅读全文
摘要：react ref场景的使用场景及使用方式 ref主要用来做什么的 用来直接操作DOM，来完成一些操作 焦点，选中，动画等 两个常见的使用场景 获取元素的宽度来完成某些动画 获取/失去输入框焦点 几种创建方式 this.ref1 = ref => {this.refDom = ref} this.r
阅读全文
