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

React Ref使用

受控与非受控组件

Ref

1.获取原生dom

类组件中:在componentDidMount方法内使用document.getElementById的方法获取到dom元素

1 目标dom增加ref属性 设置为字符串
<h2 ref='titleref'></h2>function changeRef(){this.refs.titleref.innerHtml = ``
}
2

函数组件:

2.在组件整个生命周期内维护变量

http://www.lryc.cn/news/580114.html

相关文章:

  • React中的useState 和useEffect
  • 指环王英文版魔戒再现 Part 1 Chapter 01
  • 力扣 hot100 Day34
  • [Linux]内核态与用户态详解
  • java web5(黑马)
  • Vue内置指令
  • 一、react18+项目初始化(vite)
  • 支付宝小程序关键词排名实战攻略,从0到1的突破之路
  • 八股学习(三)---MySQL
  • Spring AI Alibaba 来啦!!!
  • 【网络与系统安全】强制访问控制——BLP模型
  • Redis基础(5):Redis的Java客户端
  • 马尔可夫链:随机过程的记忆法则与演化密码
  • 【github】想fork的项目变为私有副本
  • WPF学习笔记(23)Window、Page与Frame、ViewBox
  • WPF+HelixToolkit打造炫酷自定义3D贴图立方体盒子模型
  • 简单 Python 爬虫程序设计
  • latency 对功耗的影响
  • VSCode 安装使用教程
  • vue3引入海康监控视频组件并实现非分屏需求一个页面同时预览多个监控视频;
  • 玩转n8n工作流教程(一):Windows系统本地部署n8n自动化工作流(n8n中文汉化)
  • goole chrome变更默认搜索引擎为百度
  • DotNetBrowser 2.27.14 版本发布啦!
  • Ubuntu下的Tomcat服务器部署
  • 智慧园区新引擎 —— 基于Java的企业级智慧园区解决方案
  • Vue3-组件化-Vue核心思想之一
  • jsonCPP 开源库详解
  • 微软医疗AI诊断系统发布 多智能体协作实现疑难病例分析
  • 《汇编语言:基于X86处理器》第6章 复习题和练习,编程练习
  • js中的FileReader对象