首页 > 其他分享 >React Ref

React Ref

时间:2022-10-21 18:23:23浏览次数:49  
标签:Ref refs xxx React 获取 ref

React Ref

用法一

  • 给标签设置ref="xxx" (通过这个获取this.refs.username,ref可以获取到应用的真实DOM)

用法二

  • 给组件设置ref="xxx"(通过这个获取this.refs.xxx,ref可以获取到组件对象)

新的写法

  myRef = React.createRef();
  <div ref={this.myRef}>hello</div>
  // 访问 this.myRef.current

标签:Ref,refs,xxx,React,获取,ref
From: https://www.cnblogs.com/bingquan1/p/16814441.html

相关文章

  • React魔法堂:size-sensor源码略读
    前言echarts-for-react在对echarts进行轻量级封装的基础上,额外提供图表尺寸自适应容器尺寸的这小而实用的功能,而这功能的背后就是本文想介绍的size-sensor了。源码介绍s......
  • React相关《下》
    React组件有几种特殊方法,它们提供了在组件生命周期中的特定点执行操作的机会,它们被称为生命周期方法或生命周期钩子,允许我们在特定时间点捕获组件,比如在组件被渲染之前、更......
  • React学习--路由不跳转
    在配置React路由的时候遇到的问题,url跳转了但是页面没有跟着刷新,找了很久没找到问题最后想了想可能是因为index.js的<React.StrictMode>导致的,注释之后就成功了......
  • react下载兼容浏览器
    //导出模板exportfunctionexportTemplateExcel(url,params,config={}){returnnewPromise((resolve,reject)=>{axios.get(url,{params:pa......
  • 直播网站源码,React中的三大实例之ref的三种形式
    直播网站源码,React中的三大实例之ref的三种形式ref有三种形式:字符串形式回调函数形式CreateRef形式如下示例代码展示了三种形式ref的创建于使用 <!DOCTYPEhtml><......
  • 关于js中window.location.href,location.href,parent.location.href,top.location.hre
      关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法   "window.location.href"、"location.href"是本页面跳转......
  • react-项目结构
    react环境搭建1.安装安装nodejs()。2.安装npm或者yarn或cnpm()。3.安装react脚手架create-react-app:npminstall-gcreate-react-app或cnpminstall-gcreate-re......
  • react-redux v8.x
    @reduxjs/toolkit使用ReduxToolkit简化设置Redux核心库被有意地取消了。它可以让您决定如何处理所有事情,比如商店设置、您的状态包含什么以及如何构建缩减器。这在某......
  • react-router-dom v6 使用
    react及相关版本:"react":"^18.2.0","react-dom":"^18.2.0","react-router":"^6.4.2","react-router-dom":"^6.4.2" 实现嵌套路由:目录结构: main.jsximpo......
  • 将matlab转化成c model,并用于reference model
    使用matlab自带的dpigen,产生具有svdpi的cmodel(GenerateSystemVerilogDPIcomponentfromMATLABfunction),最后在sv中调用,一般用于uvm的referencemodel转化cmod......