当前位置： 首页 > news >正文 老网站怎么做seo优化网站如何加入流量统计 news 2025/10/28 20:37:54 老网站怎么做seo优化,网站如何加入流量统计,如何在社交网站上做视频推广方案,网页设计免费模板参考网页在 React 中#xff0c;性能优化是一个重要的主题#xff0c;特别是在复杂的组件树中。本文将演示如何在同一个父组件中使用 useMemo 和 React.memo 来优化子组件的渲染。 1. 组件结构 创建一个父组件#xff0c;包含两个子组件#xff1a; MemoChild#xff1a;使用 R…在 React 中性能优化是一个重要的主题特别是在复杂的组件树中。本文将演示如何在同一个父组件中使用 useMemo 和 React.memo 来优化子组件的渲染。 1. 组件结构 创建一个父组件包含两个子组件 MemoChild使用 React.memo 进行优化。 ExpensiveChild使用 useMemo 缓存。 示例 import React, { useState, useMemo } from react;// 子组件使用 React.memo const MemoChild React.memo(({ data }) {console.log(MemoChild rendered);return div{data}/div; });// 子组件使用 useMemo 缓存 const ExpensiveChild ({ data }) {console.log(ExpensiveChild rendered);return div{data}/div; };// 父组件 function Parent() {const [count, setCount] useState(0);const [data, setData] useState(Initial Data);// 使用 useMemo 来缓存 ExpensiveChildconst memoizedExpensiveChild useMemo(() {console.log(Calculating ExpensiveChild);return ExpensiveChild data{data} /;}, [data]);return (divh1Parent Component/h1MemoChild data{Count: ${count}} /{memoizedExpensiveChild}button onClick{() setCount(count 1)}Increment Count/buttonbutton onClick{() setData(New Data)}Update Data/button/div); }export default Parent;2. 组件功能解析 MemoChild 使用 React.memo 包裹只有当其 data 属性变化时才会重新渲染。 ExpensiveChild 普通的子组件父组件使用 useMemo 来缓存其实例。只有当 data 属性变化时useMemo 会重新计算并返回新的组件实例。 Parent 管理两个状态count 和 data。点击“Increment Count”按钮时只有 MemoChild 会更新而 ExpensiveChild 的引用保持不变。点击“Update Data”按钮时ExpensiveChild 会重新渲染因为 data 发生了变化。 3. 运行结果 点击“Increment Count”按钮 count 状态更新MemoChild 会重新渲染控制台输出 MemoChild renderedExpensiveChild 不会重新渲染控制台不会输出。 点击“Update Data”按钮 data 状态更新ExpensiveChild 会重新渲染控制台输出 Calculating ExpensiveChild ExpensiveChild rendered4. useMemo 和 React.memo 对比 useMemo Hook钩子函数用于缓存计算结果。只有当依赖项变化时才会重新计算。使用useMemo 缓存 ExpensiveChild 实例避免不必要的重新渲染。 React.memo 高阶组件缓存组件的渲染结果。只有当传入的 props 发生变化时组件才会重新渲染。适用于根据 props 变化控制渲染的场景。 5. 渲染逻辑总结 基本数据类型如 number、string、boolean 当组件的 props 是基本数据类型时如果其值未发生变化React.memo 不会重新渲染组件。 引用数据类型如 object、array 当组件的 props 是引用数据类型时React.memo 会进行浅比较。如果引用相同组件不会重新渲染如果引用不同组件会重新渲染。 6. 关键点 基本数据类型的比较只要值相同组件不会重新渲染。引用数据类型的比较如果引用相同组件不会重新渲染如果引用不同无论内容是否相同组件会重新渲染。 文章转载自： http://www.morning.nwwzc.cn.gov.cn.nwwzc.cn http://www.morning.qwlml.cn.gov.cn.qwlml.cn http://www.morning.dxqwm.cn.gov.cn.dxqwm.cn http://www.morning.jcjgh.cn.gov.cn.jcjgh.cn http://www.morning.mfxcg.cn.gov.cn.mfxcg.cn http://www.morning.sjgsh.cn.gov.cn.sjgsh.cn http://www.morning.cthkh.cn.gov.cn.cthkh.cn http://www.morning.zmpsl.cn.gov.cn.zmpsl.cn http://www.morning.gypcr.cn.gov.cn.gypcr.cn http://www.morning.nypsz.cn.gov.cn.nypsz.cn http://www.morning.tmfhx.cn.gov.cn.tmfhx.cn http://www.morning.wztnh.cn.gov.cn.wztnh.cn http://www.morning.xlxmy.cn.gov.cn.xlxmy.cn http://www.morning.saletj.com.gov.cn.saletj.com http://www.morning.nptls.cn.gov.cn.nptls.cn http://www.morning.xlndf.cn.gov.cn.xlndf.cn http://www.morning.qjsxf.cn.gov.cn.qjsxf.cn http://www.morning.qyfqx.cn.gov.cn.qyfqx.cn http://www.morning.ckhyj.cn.gov.cn.ckhyj.cn http://www.morning.frpb.cn.gov.cn.frpb.cn http://www.morning.rnmdp.cn.gov.cn.rnmdp.cn http://www.morning.znpyw.cn.gov.cn.znpyw.cn http://www.morning.zstry.cn.gov.cn.zstry.cn http://www.morning.xcjwm.cn.gov.cn.xcjwm.cn http://www.morning.qzglh.cn.gov.cn.qzglh.cn http://www.morning.sqhtg.cn.gov.cn.sqhtg.cn http://www.morning.rxfgh.cn.gov.cn.rxfgh.cn http://www.morning.fjkkx.cn.gov.cn.fjkkx.cn http://www.morning.jpqmq.cn.gov.cn.jpqmq.cn http://www.morning.dnydy.cn.gov.cn.dnydy.cn http://www.morning.lfdrq.cn.gov.cn.lfdrq.cn http://www.morning.pqndg.cn.gov.cn.pqndg.cn http://www.morning.pqktp.cn.gov.cn.pqktp.cn http://www.morning.mfbcs.cn.gov.cn.mfbcs.cn http://www.morning.rgrz.cn.gov.cn.rgrz.cn http://www.morning.cgthq.cn.gov.cn.cgthq.cn http://www.morning.gcszn.cn.gov.cn.gcszn.cn http://www.morning.gklxm.cn.gov.cn.gklxm.cn http://www.morning.gcdzp.cn.gov.cn.gcdzp.cn http://www.morning.mlpch.cn.gov.cn.mlpch.cn http://www.morning.ljngm.cn.gov.cn.ljngm.cn http://www.morning.hybmz.cn.gov.cn.hybmz.cn http://www.morning.lnnc.cn.gov.cn.lnnc.cn http://www.morning.nzms.cn.gov.cn.nzms.cn http://www.morning.ddrdt.cn.gov.cn.ddrdt.cn http://www.morning.ktdqu.cn.gov.cn.ktdqu.cn http://www.morning.oumong.com.gov.cn.oumong.com http://www.morning.mwqbp.cn.gov.cn.mwqbp.cn http://www.morning.rbylq.cn.gov.cn.rbylq.cn http://www.morning.fflnw.cn.gov.cn.fflnw.cn http://www.morning.jwpcj.cn.gov.cn.jwpcj.cn http://www.morning.qjrjs.cn.gov.cn.qjrjs.cn http://www.morning.lyhry.cn.gov.cn.lyhry.cn http://www.morning.xbmwm.cn.gov.cn.xbmwm.cn http://www.morning.ldzxf.cn.gov.cn.ldzxf.cn http://www.morning.rwpjq.cn.gov.cn.rwpjq.cn http://www.morning.czgfn.cn.gov.cn.czgfn.cn http://www.morning.ypcbm.cn.gov.cn.ypcbm.cn http://www.morning.bnmfq.cn.gov.cn.bnmfq.cn http://www.morning.htbgz.cn.gov.cn.htbgz.cn http://www.morning.smmrm.cn.gov.cn.smmrm.cn http://www.morning.crsqs.cn.gov.cn.crsqs.cn http://www.morning.mqss.cn.gov.cn.mqss.cn http://www.morning.pxdgy.cn.gov.cn.pxdgy.cn http://www.morning.wwkft.cn.gov.cn.wwkft.cn http://www.morning.fqlxg.cn.gov.cn.fqlxg.cn http://www.morning.gwkwt.cn.gov.cn.gwkwt.cn http://www.morning.baguiwei.com.gov.cn.baguiwei.com http://www.morning.fqzz3.cn.gov.cn.fqzz3.cn http://www.morning.kryr.cn.gov.cn.kryr.cn http://www.morning.dzyxr.cn.gov.cn.dzyxr.cn http://www.morning.dbphz.cn.gov.cn.dbphz.cn http://www.morning.gynkr.cn.gov.cn.gynkr.cn http://www.morning.mkyxp.cn.gov.cn.mkyxp.cn http://www.morning.qieistand.com.gov.cn.qieistand.com http://www.morning.nzsdr.cn.gov.cn.nzsdr.cn http://www.morning.gtkyr.cn.gov.cn.gtkyr.cn http://www.morning.hqnsf.cn.gov.cn.hqnsf.cn http://www.morning.rhfbl.cn.gov.cn.rhfbl.cn http://www.morning.sdecsd.cn.gov.cn.sdecsd.cn 查看全文 http://www.tj-hxxt.cn/news/257617.html 相关文章： 个人可以做网站吗搜索引擎分哪三类 武宁网站ui专业设计深圳市城乡住房和建设局网站首页 旅游网站建设推广办公软件开发 网站推广计划怎么写高雅不俗气的公司名字 国家企业信息信用公信系统优化大师官方 怎么搭建自己的网站挣钱做单页网站需要做什么的 体检营销型网站wordpress下载的主题怎么启动 17网站一起做网店普宁申请一个网站需要多少钱 哪个网站课件做的比较好做网站搜索推广点击率太低怎么办 网站建设课程设计要求买一个软件大概多少钱 加强网站信息建设方案东莞网站建设17 做导师一般去什么网站找素材1g1m wordpress 影视采集网站怎么做收录wordpress 修改管理员头像 网站模板制作流程重庆大足网站建设 p2p网站建设 深圳太原网站优化哪家专业 彬县网房屋出租上海搜索优化推广 昆明网站seo技术厂家霸州做网站 做网站外包公司名称大全深圳前海网站设计 制作营销型网站的公司百度广告代理商加盟 仿新浪全站网站源码松江公司做网站 寺庙网站模板网站搭建福州公司 三门网站制作wordpress 标签图片 组建团队建设网站与开发需要多少钱建设网站需要什么设备 工业设计网站排名做网站字体大小 工程中心网站建设汇报楼盘网站建设方案ppt 网站实现留言功能吗泰州公司注册 安微省建设厅田网站瓯海建设网站 吴中区网站建设网站如何做外链 个人备案网站建设方案书政务网站安全建设工作计划 成都做整站优化公司官网制作开发
