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

综合返利商城网站建设谷歌网站网址

综合返利商城网站建设,谷歌网站网址,如何设定旅游网站seo核心关键词,网站建设的费用是多少钱函数组件有函数作用域,每次render时,声明的方法会生成新的引用,声明的普通变量会重新声明并赋值初始值,而useRef和useState会保留状态。 useState、useRef、变量的区别 1. useState 组件更新不会改变之前的状态,可以保…

函数组件有函数作用域,每次render时,声明的方法会生成新的引用,声明的普通变量会重新声明并赋值初始值,而useRef和useState会保留状态。

useState、useRef、变量的区别
1. useState
组件更新不会改变之前的状态,可以保存状态。值变化,会render,视图会更新,setState是异步的,同一个函数内设置的,不能实时获取到最新的值。

const [state, setState] = useState(0)
const fn = () => {setState(1)console.log(state) //输出0
}



使用场景: 当我们需要在状态改变的时候重新渲染视图,那么我们就使用 useState 来保存我们的状态

2. useRef保存的值
组件更新不会改变之前的状态,可以保存状态。值变化,不会render,视图不会更新。设置的值是同步的,同一个函数内设置的,能实时获取到最新的值。

const num = useRef(0)
const fn = () => {num.current = 1console.log(num.current) //输出1
}


使用场景: 如果我们只是想保存状态不影响视图更新,而且可以同步更新&获取我们的状态,那么就使用 useRef。
注意事项:

ref.current 不可以作为其他 hooks(useMemo, useCallback, useEffect)依赖项;
ref.current 的值发生变更并不会造成 re-render, Reactjs 并不会跟踪 ref.current 的变化。
3. 变量(组件内)
变量在每次组件重新渲染的时候都会被重新进行赋值为初始值,所以如果你想要保留之前操作的状态的话就不要使用变量。
使用场景: 建议组件内不使用

3. 变量(组件外)
组件外定义的 global 变量,是属于全局的。如果代码中有多个相同的组件,那这个 global 变量在全局是同一个,他们会互相影响。
 

参考:react中useState、useRef、变量之间的区别_useref和usestate区别-CSDN博客

http://www.ritt.cn/news/19928.html

相关文章:

  • wordpress搜索修改搜索引擎优化服务
  • 宸建设计网站小说推广关键词怎么弄
  • 上海网站建设优化价格seo人员的相关薪资
  • 北京网站排名优化哈尔滨优化网站公司
  • 视频播放网站开发的报告企业培训计划方案
  • 做外墙资料的网站职业技能培训机构
  • 网站 首页布局 seo今天的新闻是什么
  • 提供给他人做视频解析的网站源码网站自动推广软件
  • 工艺礼品东莞网站建设免费注册网站有哪些
  • 怎么样制作自己的网站推广方法有哪几种
  • 页游开发网站排名优化化快排优化
  • 北京市住房建设官网站响应式网站 乐云seo品牌
  • 青岛网站制作系统网站自然优化
  • 告白墙 wordpressseo工资待遇 seo工资多少
  • wordpress菜单显示选项打不开合肥seo推广公司哪家好
  • 下列关于网站开发中网友上传关键词优化软件
  • wordpress 查询当月深圳白帽优化
  • 长沙优化网站技巧怎么在百度上注册店铺
  • 青浦工厂网站建设百度竞价推广登录入口
  • 太原网站建设价格网络游戏推广员
  • 做外单的网站国内搜索引擎优化的公司
  • 某企业集团网站建设方案论文广东网约车涨价
  • 网站用社交图标做链接侵权吗金戈枸橼酸西地那非片
  • 茂名建网站google优化排名
  • java网站建设公司 北京某网站搜索引擎优化
  • 网站建设合同注意金戈西地那非片
  • 做色情灰色网站怎么判刑流量网站
  • 国外做网站用的程序广告关键词有哪些
  • 成都网站建设外包公司排名在百度如何发布作品
  • 文化公司网站源码济南谷歌推广