当前位置: 首页 > news >正文

加强二级部门网站建设seo系统是什么

加强二级部门网站建设,seo系统是什么,网站优化北京联系电话?,杭州本地网站有哪些react useCallback与useMemo函数使用与常见问题 useCallback返回一个可记忆的函数,useMemo返回一个可记忆的值,useCallback只是useMemo的一种特殊形式。 那么这到底是什么意思呢?实际上我们在父子通信的时候,有可能传递的值是一…

react useCallback与useMemo函数使用与常见问题

useCallback返回一个可记忆的函数,useMemo返回一个可记忆的值,useCallback只是useMemo的一种特殊形式。

那么这到底是什么意思呢?实际上我们在父子通信的时候,有可能传递的值是一样的,但是传递的内存地址可能是不一样的,那么在React眼里是会对组件进行重新执行的。

一般对象类型的值都是具备内存地址的,所以值相同,但内存地址可能不同,举例如下:

let Welcome = (props) => {  const [ count, setCount ] = useState(0);const handleClick= () => {setCount(count+1);}const foo = () => {}return (<div><button onClick={handleClick}>点击</button>hello Welcome<Head bar={bar} /></div>);
}

当点击按钮的时候,组件会进行重新渲染,因为每次重新触发组件的时候,后会重新生成一个新的内存地址的foo函数。

那么如何不让foo函数重新生成,使用之前的函数地址呢?因为这样做可以减少子组件的渲染,从而提升性能。可以通过useCallback来实现。

const foo = useCallback(() => {}, [])

等价

const foo = useMemo(()=> ()=>{}, [])   // 针对函数

而有时候这种需要不一定都是函数,比如数组的情况下,我们就需要用到useMemo这个钩子函数了,useMemo更加强大,其实useCallback是useMemo的一种特殊形式而已。

const foo = useMemo(()=> ()=>{}, [])   // 针对函数
const bar = useMemo(()=> [1,2,3], [])  // 针对数组

这里我们还要注意,第二个参数是一个数组,这个数组可以作为依赖项存在,也就是说当依赖项发生值的改变的时候,那么对应的对象就会重新创建。

const foo = useMemo(()=> ()=>{}, [count])   // 当count改变时,函数重新创建
http://www.mmbaike.com/news/69581.html

相关文章:

  • 深圳企业网站建设公司最有效的免费推广方法
  • 关于网站内容建设的正确说法搜索百度指数
  • 福州网站建?O千度seo
  • 做网站好学吗网络营销电子版教材
  • 潍坊地区制作网站种子搜索引擎在线
  • 网站免费源代码百度seo策略
  • 网站开发深入浅出 - python篇2024年阳性最新症状
  • 小企业网站推广咸阳seo公司
  • 网站推广计划机构镇江seo公司
  • 深圳nft网站开发公司百度知道官网入口
  • 经营性网站备案信息查询沈阳百度推广优化
  • 怎么自己用手机做网站seo常用的工具
  • 网站你懂我意思正能量晚上不用下载直接进入seo网站搭建是什么
  • 个人网站官网网络营销的主要特点有哪些
  • 织梦网站底部黑链百度推广软件
  • flash网站设计欣赏代运营哪家公司最靠谱
  • 给自己家的公司做网站好做吗seo网站关键词排名快速
  • 郑州网站制作_郑州网页制作_做网站设计_河南网站制作网磁力搜索器kitty
  • 杭州微网站建设免费网站优化排名
  • 外贸网站的特色如何进行网络推广营销
  • 小说网站怎么推广南昌seo排名收费
  • 内容转载的网站怎么做西安seo高手
  • 做外贸网站需要多少钱怎么做推广
  • 网站信息化建设建议书seo综合优化公司
  • 自己做的网站怎么发到网上长沙建站工作室
  • 山东网站备案拍照重庆高端品牌网站建设
  • 钟表珠宝商城网站建设网站如何在百度刷排名
  • 做网站头片的高清图友情网
  • web实用网站开发实验报告企业qq官方下载
  • 网站建设有几种方式镇江seo快速排名