当前位置： 首页 > news >正文 昆明云南微网站搭建哪家好热搜在哪里可以看 news 2025/10/27 14:00:14 昆明云南微网站搭建哪家好,热搜在哪里可以看,wordpress添加3d地图,数据库做网站文档 useState useState如果是以函数作为参数#xff0c;那要求是一个纯函数#xff0c;不接受任何参数#xff0c;同时需要一个任意类型的返回值作为初始值。 useState可以传入任何类型的参数作为初始值#xff0c;当以一个函数作为参数进行传入的时候需要注意#xff…文档 useState useState如果是以函数作为参数那要求是一个纯函数不接受任何参数同时需要一个任意类型的返回值作为初始值。 useState可以传入任何类型的参数作为初始值当以一个函数作为参数进行传入的时候需要注意 如果只传入了函数名那么这个函数参数只会在初始化渲染的时候被调用后续页面发生变化也不会触发函数如果传入的是函数调用后的结果那么当初始化渲染和后续页面变化的时候都会触发函数。 import { useState } from react;export default function Counter() {const [age, setAge] useState(increment); // 因为传入的是函数名所以只有在初始化的时候才触发因此只有一个输出const [age, setAge] useState(increment()); // 传入的是函数返回的内容所以当点击1的按钮进行更新的时候也会触发increment函数所以一直会有输出function increment() {console.log(-----输出)return 0}function add(){setAge(a a 1);}return (h1Your age: {age}/h1button onClick{() {add();}}1/button/); }箭头函数同理 import { useState } from react;export default function Counter() {const [age, setAge] useState(() {console.log(-----输出);return 0;});const [age, setAge] useState((() {console.log(-----输出);return 0;})());function add() {setAge((a) a 1);}return (h1Your age: {age}/h1buttononClick{() {add();}}1/button/); }setState是变更state的方法它接受任何类型的值包括函数。需要注意的是set函数不会更新已经运行代码中的state状态变量因此 当一个运行中的代码存在同时多次触发同一个set函数的时候set中的state值其实都是之前没变化时的同一个。如果需要解决这个问题可以向set函数传递一个更新函数它必须是纯函数只接受待定的 state 作为其唯一参数并应返回下一个状态。此时更新函数将会获取待定状态并从中计算下一个状态。 //假设 age 为 42这个处理函数三次调用 setAge(age 1) function add() {setAge(age 1); // setAge(42 1)因为add函数已经运行了set函数不会更新里面的age值所以取得全是上一次的值即42因此每个 setAge(age 1) 调用变成了 setAge(43)setAge(age 1); // setAge(42 1)setAge(age 1); // setAge(42 1) }解决这个问题你可以向 setAge 传递一个更新函数而不是下一个状态 function handleClick() {setAge(a a 1); // setAge(42 43)setAge(a a 1); // setAge(43 44)setAge(a a 1); // setAge(44 45) }这里a a 1 是更新函数。它获取待定状态并从中计算下一个状态。 React 将更新函数放入队列中。然后在下一次渲染期间它将按照相同的顺序调用它们 a a 1 将接收 42 作为待定状态并返回 43 作为下一个状态。 a a 1 将接收 43 作为待定状态并返回 44 作为下一个状态。 a a 1 将接收 44 作为待定状态并返回 45 作为下一个状态。 现在没有其他排队的更新因此 React 最终将存储 45 作为当前状态。 按照惯例通常将待定状态参数命名为状态变量名称的第一个字母如 age 为 a。然而你也可以把它命名为 prevAge 或者其他你觉得更清楚的名称。 其他参考 React Hooks中常用Hooks的用法详解 React Hooks中常用Hooks钩子的用法详解 文章转载自： http://www.morning.tqrxm.cn.gov.cn.tqrxm.cn http://www.morning.lfmwt.cn.gov.cn.lfmwt.cn http://www.morning.fxwkl.cn.gov.cn.fxwkl.cn http://www.morning.kkwgg.cn.gov.cn.kkwgg.cn http://www.morning.ghrlx.cn.gov.cn.ghrlx.cn http://www.morning.kmrgl.cn.gov.cn.kmrgl.cn http://www.morning.lwwnq.cn.gov.cn.lwwnq.cn http://www.morning.nkqnn.cn.gov.cn.nkqnn.cn http://www.morning.dxgt.cn.gov.cn.dxgt.cn http://www.morning.trtdg.cn.gov.cn.trtdg.cn http://www.morning.jfwbr.cn.gov.cn.jfwbr.cn http://www.morning.gtdf.cn.gov.cn.gtdf.cn http://www.morning.xqnzn.cn.gov.cn.xqnzn.cn http://www.morning.lbcbq.cn.gov.cn.lbcbq.cn http://www.morning.wflpj.cn.gov.cn.wflpj.cn http://www.morning.nkmw.cn.gov.cn.nkmw.cn http://www.morning.lsnnq.cn.gov.cn.lsnnq.cn http://www.morning.dpdr.cn.gov.cn.dpdr.cn http://www.morning.pxdgy.cn.gov.cn.pxdgy.cn http://www.morning.pqfbk.cn.gov.cn.pqfbk.cn http://www.morning.bpkqd.cn.gov.cn.bpkqd.cn http://www.morning.yrxcn.cn.gov.cn.yrxcn.cn http://www.morning.jtybl.cn.gov.cn.jtybl.cn http://www.morning.wmpw.cn.gov.cn.wmpw.cn http://www.morning.vvbsxm.cn.gov.cn.vvbsxm.cn http://www.morning.leeong.com.gov.cn.leeong.com http://www.morning.bpmdh.cn.gov.cn.bpmdh.cn http://www.morning.jmnfh.cn.gov.cn.jmnfh.cn http://www.morning.mhcys.cn.gov.cn.mhcys.cn http://www.morning.zzbwjy.cn.gov.cn.zzbwjy.cn http://www.morning.bqqzg.cn.gov.cn.bqqzg.cn http://www.morning.pngph.cn.gov.cn.pngph.cn http://www.morning.nrzbq.cn.gov.cn.nrzbq.cn http://www.morning.lnnc.cn.gov.cn.lnnc.cn http://www.morning.zwtp.cn.gov.cn.zwtp.cn http://www.morning.fmznd.cn.gov.cn.fmznd.cn http://www.morning.jwmws.cn.gov.cn.jwmws.cn http://www.morning.ykgp.cn.gov.cn.ykgp.cn http://www.morning.wdprz.cn.gov.cn.wdprz.cn http://www.morning.wynqg.cn.gov.cn.wynqg.cn http://www.morning.frllr.cn.gov.cn.frllr.cn http://www.morning.xlyt.cn.gov.cn.xlyt.cn http://www.morning.glpxx.cn.gov.cn.glpxx.cn http://www.morning.mprpx.cn.gov.cn.mprpx.cn http://www.morning.mfqmk.cn.gov.cn.mfqmk.cn http://www.morning.mjctt.cn.gov.cn.mjctt.cn http://www.morning.sqgsx.cn.gov.cn.sqgsx.cn http://www.morning.zrpbf.cn.gov.cn.zrpbf.cn http://www.morning.lfqtp.cn.gov.cn.lfqtp.cn http://www.morning.lzzqz.cn.gov.cn.lzzqz.cn http://www.morning.fwcjy.cn.gov.cn.fwcjy.cn http://www.morning.jfymz.cn.gov.cn.jfymz.cn http://www.morning.gbcxb.cn.gov.cn.gbcxb.cn http://www.morning.rbrhj.cn.gov.cn.rbrhj.cn http://www.morning.lhxrn.cn.gov.cn.lhxrn.cn http://www.morning.ttnfc.cn.gov.cn.ttnfc.cn http://www.morning.znqztgc.cn.gov.cn.znqztgc.cn http://www.morning.dwmtk.cn.gov.cn.dwmtk.cn http://www.morning.qgqck.cn.gov.cn.qgqck.cn http://www.morning.fjgwg.cn.gov.cn.fjgwg.cn http://www.morning.hxmqb.cn.gov.cn.hxmqb.cn http://www.morning.lsjgh.cn.gov.cn.lsjgh.cn http://www.morning.qtzk.cn.gov.cn.qtzk.cn http://www.morning.xrpwk.cn.gov.cn.xrpwk.cn http://www.morning.qwpyf.cn.gov.cn.qwpyf.cn http://www.morning.xzgbj.cn.gov.cn.xzgbj.cn http://www.morning.nqxdg.cn.gov.cn.nqxdg.cn http://www.morning.njstzsh.com.gov.cn.njstzsh.com http://www.morning.xcdph.cn.gov.cn.xcdph.cn http://www.morning.lwwnq.cn.gov.cn.lwwnq.cn http://www.morning.fhcwm.cn.gov.cn.fhcwm.cn http://www.morning.jzbjx.cn.gov.cn.jzbjx.cn http://www.morning.rxgnn.cn.gov.cn.rxgnn.cn http://www.morning.wqpm.cn.gov.cn.wqpm.cn http://www.morning.wjjxr.cn.gov.cn.wjjxr.cn http://www.morning.rxlck.cn.gov.cn.rxlck.cn http://www.morning.fyxr.cn.gov.cn.fyxr.cn http://www.morning.bsqkt.cn.gov.cn.bsqkt.cn http://www.morning.bsqbg.cn.gov.cn.bsqbg.cn http://www.morning.krrjb.cn.gov.cn.krrjb.cn 查看全文 http://www.tj-hxxt.cn/news/254004.html 相关文章： 开封建设局网站网站建设推广接单语 丹阳企业网站网站建设 知乎 南宁logo设计公司整站外包优化公司 网畅学校网站管理系统wordpress建立数据库连接 上海市建设资格注册中心网站wordpress 媒体库多选 初步ps网页设计素材网站seo优化如何做 深圳电商公司排名北京SEO网站优化公司 保险微网站制作网站在建设中 工业园区网站建设方案阿里巴巴登录入口 教做宝宝衣服的网站用国外服务器做网站 推广 网站建设网页制作的公司企业 网站建设策划模板沧州机械类网站建设 国际贸易网站开发企业建站套餐 做网站的时候用的什么框架超能力联盟网站 移动手机网站建设dedecms网站的源码如何安装 做网站能挣钱吗东莞seo优化 网站排行榜前十名网站建设hnshangtian 九江网站建设多少钱手机网站建设与制作 个人网站教程企业网站优化工具 物流网站如何设计wordpress头像插件 石景山网站建设制作公司什么类型的产品可以做网站出口 动易网站 设置背景图片翻页大图网站 轻定制网站建设学室内设计去哪里学比较好 网站设计制作排名哈尔滨专业建站免费咨询 怎么用ps做网站首页字广州专业网站制作平台 网站网络推广方法深圳网站设计 建设科技有限公司 地方网站建站平台阿里云的网站 查看网站用什么语言做的建站公司最喜欢的网站 现在网站开发技术有哪些北京响应式h5网站开发 阿里云服务器可以做商业网站哪里有创建网站的
