当前位置： 首页 > news >正文 做ic的电子网站有哪些广州工程信息网 news 2025/10/24 0:24:22 做ic的电子网站有哪些,广州工程信息网,中核华泰建设有限公司的网站,wordpress 密码验证写在前面 在 react 中#xff0c;如果 state 数据发生变化#xff0c;我们知道#xff0c;会重新渲染该组件。 但是这个前提是我们需要依赖 state 数据的变化#xff0c;那比如我们并不想定义 state#xff0c;又或者说我们的操作不能引起 state 的变化#xff0c;此时…写在前面 在 react 中如果 state 数据发生变化我们知道会重新渲染该组件。 但是这个前提是我们需要依赖 state 数据的变化那比如我们并不想定义 state又或者说我们的操作不能引起 state 的变化此时我们也想刷新组件怎么办 这里我们就来实现一个自定义的 hooks它的作用就是强制刷新当前组件。 实现 如果想刷新组件很重要的一点就是改变 state当 state 的值发生变化时组件会重新渲染。 一个重要的点react hook 和组件的关系 当在组件中使用一个自定义 hook 时这个 hook 的状态和逻辑会成为该组件的一部分。具体来说hook 内部的状态会被管理在使用这个 hook 的组件的状态树中。 通俗点说就是我们自定义一个 hook并且在组件中使用那这个 hook 的 state 也会成为这个组件的一部分也就是 hook 的 state 变化会引起使用该 hook 的组件的变化。 说的太多可能还不明白我们直接看代码。 hook 我们先自定义一个hook实现原理就是利用 state 的变化每次调用该 hook 的时候state 的值都会发生变化。 使用 useState 来存储一个计数器 tick。setTick 每次调用时会增加计数器这会触发组件重新渲染。使用 useCallback 确保 forceUpdate 函数在组件的整个生命周期内保持相同的引用。返回 forceUpdate 函数以便在使用这个 hook 的组件中调用它。 import { useState, useCallback } from react; const useForceUpdate () { const [, setTick] useState(0); // 只需要 setTick 函数不需要 tick 值 const forceUpdate useCallback(() { setTick(tick tick 1); // 使用回调函数来确保更新基于最新状态 }, []); return forceUpdate; // 返回 forceUpdate 函数 }; export default useForceUpdate; 忽略状态值 这里的逗号,表示我们只解构出数组的第二个元素 setTick而忽略第一个元素。 因为我们只需要 state 发生变化不需要使用该 state直接写为空也行。 const [, setTick] useState(0); 组件使用 组件使用就比较简单了直接引入 useForceUpdate并在需要调用的时机执行即可为了证明是否刷新我们打印了一条语句并执行了随机时间显示到页面上我们来看一下效果。 import React from react; import useForceUpdate from ./useForceUpdate;const MyComponent () { const forceUpdate useForceUpdate(); // 获取 forceUpdate 函数 const handleClick () { forceUpdate(); // 调用 forceUpdate 函数触发重新渲染 }; console.log(组件刷新); // 每次重新渲染时打印日志 return ( div p当前时间: {Date.now()}/p button onClick{handleClick}强制刷新/button /div ); }; export default MyComponent; 总结一下 为什么 MyComponent 会刷新 当我们在 MyComponent 中使用 useForceUpdate hook 时useForceUpdate 内部的状态 tick 会成为 MyComponent组件 的一部分。 调用 forceUpdate 函数会更新 tick 状态触发 MyComponent 的重新渲染。 这是因为 react 的状态更新机制会导致使用该状态的组件重新渲染即使这个状态在组件中没有直接使用。 文章转载自： http://www.morning.kyzxh.cn.gov.cn.kyzxh.cn http://www.morning.hkpn.cn.gov.cn.hkpn.cn http://www.morning.gwjqq.cn.gov.cn.gwjqq.cn http://www.morning.tqlhn.cn.gov.cn.tqlhn.cn http://www.morning.txtzr.cn.gov.cn.txtzr.cn http://www.morning.yrmpr.cn.gov.cn.yrmpr.cn http://www.morning.plchy.cn.gov.cn.plchy.cn http://www.morning.dqpd.cn.gov.cn.dqpd.cn http://www.morning.jfsbs.cn.gov.cn.jfsbs.cn http://www.morning.dfwkn.cn.gov.cn.dfwkn.cn http://www.morning.jcfg.cn.gov.cn.jcfg.cn http://www.morning.wfpmt.cn.gov.cn.wfpmt.cn http://www.morning.qlbmc.cn.gov.cn.qlbmc.cn http://www.morning.lnyds.cn.gov.cn.lnyds.cn http://www.morning.fnfxp.cn.gov.cn.fnfxp.cn http://www.morning.ptqbt.cn.gov.cn.ptqbt.cn http://www.morning.lkwyr.cn.gov.cn.lkwyr.cn http://www.morning.rcjyc.cn.gov.cn.rcjyc.cn http://www.morning.dbfj.cn.gov.cn.dbfj.cn http://www.morning.ksggr.cn.gov.cn.ksggr.cn http://www.morning.hlzpb.cn.gov.cn.hlzpb.cn http://www.morning.rbtny.cn.gov.cn.rbtny.cn http://www.morning.wqpm.cn.gov.cn.wqpm.cn http://www.morning.stprd.cn.gov.cn.stprd.cn http://www.morning.qxlgt.cn.gov.cn.qxlgt.cn http://www.morning.tfznk.cn.gov.cn.tfznk.cn http://www.morning.fwcjy.cn.gov.cn.fwcjy.cn http://www.morning.kflbf.cn.gov.cn.kflbf.cn http://www.morning.pfbx.cn.gov.cn.pfbx.cn http://www.morning.psqs.cn.gov.cn.psqs.cn http://www.morning.yrbq.cn.gov.cn.yrbq.cn http://www.morning.jzmqk.cn.gov.cn.jzmqk.cn http://www.morning.pbzgj.cn.gov.cn.pbzgj.cn http://www.morning.rcqyk.cn.gov.cn.rcqyk.cn http://www.morning.lqytk.cn.gov.cn.lqytk.cn http://www.morning.yqgbw.cn.gov.cn.yqgbw.cn http://www.morning.ldwxj.cn.gov.cn.ldwxj.cn http://www.morning.nnwmd.cn.gov.cn.nnwmd.cn http://www.morning.yhwxn.cn.gov.cn.yhwxn.cn http://www.morning.sggzr.cn.gov.cn.sggzr.cn http://www.morning.yjprj.cn.gov.cn.yjprj.cn http://www.morning.ncwgt.cn.gov.cn.ncwgt.cn http://www.morning.dhqyh.cn.gov.cn.dhqyh.cn http://www.morning.lhjmq.cn.gov.cn.lhjmq.cn http://www.morning.nnpfz.cn.gov.cn.nnpfz.cn http://www.morning.yfpnl.cn.gov.cn.yfpnl.cn http://www.morning.tralution.cn.gov.cn.tralution.cn http://www.morning.hqpyt.cn.gov.cn.hqpyt.cn http://www.morning.kxrhj.cn.gov.cn.kxrhj.cn http://www.morning.tqgmd.cn.gov.cn.tqgmd.cn http://www.morning.ltpzr.cn.gov.cn.ltpzr.cn http://www.morning.mzmqg.cn.gov.cn.mzmqg.cn http://www.morning.bgzgq.cn.gov.cn.bgzgq.cn http://www.morning.yzxlkj.com.gov.cn.yzxlkj.com http://www.morning.dtlqc.cn.gov.cn.dtlqc.cn http://www.morning.xnymt.cn.gov.cn.xnymt.cn http://www.morning.cnxpm.cn.gov.cn.cnxpm.cn http://www.morning.lzsxp.cn.gov.cn.lzsxp.cn http://www.morning.wscfl.cn.gov.cn.wscfl.cn http://www.morning.kkjlz.cn.gov.cn.kkjlz.cn http://www.morning.wrwcf.cn.gov.cn.wrwcf.cn http://www.morning.fkwp.cn.gov.cn.fkwp.cn http://www.morning.pwwjs.cn.gov.cn.pwwjs.cn http://www.morning.xwnnp.cn.gov.cn.xwnnp.cn http://www.morning.tnbas.com.gov.cn.tnbas.com http://www.morning.ljxxl.cn.gov.cn.ljxxl.cn http://www.morning.lxkhx.cn.gov.cn.lxkhx.cn http://www.morning.zrkp.cn.gov.cn.zrkp.cn http://www.morning.hrtct.cn.gov.cn.hrtct.cn http://www.morning.wrlcy.cn.gov.cn.wrlcy.cn http://www.morning.xkyst.cn.gov.cn.xkyst.cn http://www.morning.zcncb.cn.gov.cn.zcncb.cn http://www.morning.crsqs.cn.gov.cn.crsqs.cn http://www.morning.dongyinet.cn.gov.cn.dongyinet.cn http://www.morning.qnwyf.cn.gov.cn.qnwyf.cn http://www.morning.lkxzb.cn.gov.cn.lkxzb.cn http://www.morning.wddmr.cn.gov.cn.wddmr.cn http://www.morning.jmwrj.cn.gov.cn.jmwrj.cn http://www.morning.crkhd.cn.gov.cn.crkhd.cn http://www.morning.wjjxr.cn.gov.cn.wjjxr.cn 查看全文 http://www.tj-hxxt.cn/news/243904.html 相关文章： 男人做想看的免费网站frontpg做网站好吗 流线型的网站建设国内最新新闻消息今天的 网站无备案已备案网站域名 服装销售网站建设策划书百度搜不到WordPress文章 郑州区块链数字钱包网站开发方案网站结构分析怎么做 重庆医院门户网站建设有app怎么做网站 广州大型网站建设公司排名地产网站设计 做网站的费用如何入账微信商城开发定制 手机网站大全免费下载做网站 赚钱多吗 怎么自己建立网站做ppt用什么网站 网站建设要钞钱网站推广优势 众美商务公馆做网站asp.ne做网站 代前导页的网站王占郡 做响应式网站设计做图怎么搞网站建设安全协议 龙华app网站开发国外做汽配的网站 怎么做企业网站运营子域名查询ip 有哪些网站结构是不合理的国外用wordpress 黄山网站推广公司百度网盟推广多少钱 营销网站外包近期新闻大事 网站优化怎样的汕头网站制作网页 做网站备案谁做网站建设项目环境影响评价目录 营销型网站建设的概念期货交易软件定制开发 苏州做商城网站建站网站有哪些 做产品网站wordpress后台密码默认 找网站公司做网站的陷阱滕州百度推广 公司网站建设制作全包福建漳州网站建设费用 网站落地页怎么做网页设计培训班上海 龙海做网站费用wordpress 星 评分 汽车网站排行榜前十名泉州企业网站建设公司 优化网站搜索排名wordpress301改不回来
